vue 跨域配置,vue打包部署后无法跨域

vue 跨域配置,vue打包部署后无法跨域

≥０≤ 1、开发环境下使用Vue-cli跨域创建的项目，开发地址为localhost:8080，需要访问非本地接口http://10.1.0.34:8000/query角色。 不同域名之间的访问需要跨域请求才能正确请求。 交叉配置：proxyTabledevinconfig/index.js{proxyTable:{'/api':{target:'http://192.168.0.1:200',//要代理的域名更改Origin:true,//允许交叉配置DomainpathRewrite:{'^/ api':''//这是定义访问的

˙０˙ Vue的跨域配置在Vue.config.js中配置如下：module.exports={//启用代理服务器（方法1）。代理服务器的默认端口与项目相同，不需要处理。但是在接口请求时需要。 配置importapiConfigfrom'../config/api.config'importAxiosfrom'axios'importVueAxiosfrom'vue-axios'Vue.use(VueAxios,Axios)Axios.defaults.basinthemain.jsentry文件

1.添加以下配置模块.exports={transpileDependency:true,lintOnSave:false,devServer:{proxy:{//配置跨域'/api':{targetisbasedonvue-admin-templatebackgroundforthemanagementsystem,datarequestmethod:axios(开发环境)Step1:在.env中设置开发环境数据请求的基本路径 .developmentfile#开发阶段的配置文件

vuepart/vue.config.js0→100644Viewfile@0256cc2a//跨域配置module.exports={devServer:{//记住，不要写错devServer//设置本地默认端口。可选端口：9090,/2.Vue-Cli3跨域配置VUE-CLI的代理设置与webpack类似。它们是用相同的工具实现的s ，所以配置类似：在根目录中创建一个newvue.config.js文件：module.exports={//devServer