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

遇到的问题

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

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

先找到vue-config.js 文件


vue.config.js 

步骤二

配置 webpack devServer.proxy

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

target 是你请求的服务器地址

changeOrigin 设置 是是否允许http 请求

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

步骤三

重写 env.development文件中的地址

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

步骤四

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容