Vue-cli3 项目 webpack配置跨域

Vue-cli3 搭建的项目结构较为简单，去掉了之前版本的build和config文件夹

以下是我的项目结构：

那么如何利用Webpack配置跨域，只要在vue.config.js文件中加入以下配置（vue.config.js没有的话需要自己创建），配置如下：

8082：代表本地监听端口，可以随便写一个

api：代表路径中包含api的才映射到这个代理地址

192.168.2.1:8080：该地址是要跨域的接口地址

配置完成后，重启vue，测试如下：

在浏览器中随便先访问一个接口服务器的get请求，测试接口服务器是否正常，假设访问地址：

http://192.168.2.1:8080/test/testServer/rest/model/deleteModel/1

2. 用配置后的地址进行访问，此时地址变为：http://127.0.0.1:8082/api/test/testServer/rest/model/deleteModel/1

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/qq_25927437/article/details/85052515
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-02-25 01:27:39
阅读 ( 1269 )
分类：前端

Vue-cli3 项目 webpack配置跨域

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看