美文网首页
vue-element-admin vue-cli3新版本跨域问

vue-element-admin vue-cli3新版本跨域问

作者: 灵魂旅者s | 来源:发表于2020-05-26 11:47 被阅读0次

遇到的问题

想要在本地请求线上地址 跨域请求,在网上搜到的都是 基于vue-cli2 版本的居多都是 手动 配置 config文件夹

新版本配置跨域(步骤一)

先找到vue-config.js 文件

vue.config.js 

步骤二

配置 webpack devServer.proxy

api 是你本地代理的地址标识

target 是你请求的服务器地址

changeOrigin 设置 是是否允许http 请求

pathRewrite 是重写你的访问地址 这里 将.env.development文件中路径重写

步骤三

重写 env.development文件中的地址

要与webpack 跨域代理相同 /api 这样 webpack 才可以将地址代理 转发

步骤四

 哈哈!!! 这样就可以了 快试试吧

相关文章

网友评论

      本文标题:vue-element-admin vue-cli3新版本跨域问

      本文链接:https://www.haomeiwen.com/subject/fcpmahtx.html