vue项目中怎样在webpack中的config配置代理解决跨域问题

前言:

本项目是vue得项目,启动在8080端口,后台是自己用nodejs开的服务器,启动的是3000端口,在请求接口的时候就遇到了跨域问题,简单记录一下。

我的后台接口是酱紫写的(随便写的):

我的http请求中url是直接写的 /api/post/api/get

下面进入正题

找到config里的index.js文件,其中有一个proxyTable,就是用来配置代理服务器的项,修改配置如下所示:

 

其中:

 '/api'为匹配项;

target为被请求的地址,即第三方接口地址;

changeOrigin表示是否跨域;

pathRewrite参数是重写地址;

目的是vue项目的url是localhost:8080,在get和post请求时,用api代替 http://localhost:3000/api,所以在写http请求时,只需要写 /api/get 即可请求 http://localhost:3000/api/get ,如下图

最后记得js文件配置完都是需要重启项目的哦~

发布了69 篇原创文章 · 获赞 5 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/DZY_12/article/details/105124654