您现在的位置是：首页 > 网站制作 > vue.js心得vue.js心得
vue打包部署到宝搭服务器接口跨域
蒙xs2021-07-08【vue.js心得】人已围观
简介开发环境配置代理和生产环境配置代理
参考https://blog.csdn.net/qq_37088317/article/details/105844680
开发环境
在根目录添加文件vue.config.js
代码
// 假设要请求的接口是：http://xxx.xx.xxx.xxx:8080
module.exports = {
devServer:{
proxy:{
'/api': { // 此处并非和url一致
target:'http://xxx.xx.xxx.xxx:8080',
changeOrigin:true, //允许跨域
pathRewrite:{
'^/api': ''
}
}
}
}
}
接口请求添加/api
生产环境
1.在网站的配置文件里面添加
location /api {
add_header 'Access-Control-Allow-Origin' '*';
proxy_pass http://xxx.xx.xxx.xxx:8080/;//需要跨域的目标地址
}
接口请求添加/api
在根目录添加文件vue.config.js
代码
// 假设要请求的接口是：http://xxx.xx.xxx.xxx:8080
module.exports = {
devServer:{
proxy:{
'/api': { // 此处并非和url一致
target:'http://xxx.xx.xxx.xxx:8080',
changeOrigin:true, //允许跨域
pathRewrite:{
'^/api': ''
}
}
}
}
}
接口请求添加/api
生产环境
1.在网站的配置文件里面添加
location /api {
add_header 'Access-Control-Allow-Origin' '*';
proxy_pass http://xxx.xx.xxx.xxx:8080/;//需要跨域的目标地址
}
接口请求添加/api
Tags：
很赞哦！ ()
上一篇：vue 瀑布流
随机图文
文章评论
猜你喜欢
