西门达蒙Davaid2020-03-12
我正在使用vue-cli webpack-simple模板来生成我的项目,并且我想将请求代理到单独的后端服务器。如何轻松实现?
vue-cli
webpack-simple
在@ vue / cli 3.x中:
vue.config.js
// vue.config.js module.exports = { devServer: { proxy: { "/gists": { target: "https://api.github.com", secure: false } } } };
现在,任何对(假设您的开发服务器位于localhost:8080)的调用http://localhost:8080/gists都将重定向到https://api.github.com/gists。
localhost:8080
http://localhost:8080/gists
https://api.github.com/gists
假设您有一个通常部署在其上的本地后端服务器,localhost:5000并且您希望将所有调用重定向/api/anything到该服务器。采用:
localhost:5000
/api/anything
// vue.config.js module.exports = { devServer: { proxy: { "/api/*": { target: "http://localhost:5000", secure: false } } } };
Newest Answer
在@ vue / cli 3.x中:
vue.config.js
的根文件夹中创建一个文件。现在,任何对(假设您的开发服务器位于
localhost:8080
)的调用http://localhost:8080/gists
都将重定向到https://api.github.com/gists
。另一个示例:代理所有呼叫
假设您有一个通常部署在其上的本地后端服务器,
localhost:5000
并且您希望将所有调用重定向/api/anything
到该服务器。采用: