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文件配置完都是需要重启项目的哦~