我们在开发vue项目的时候常常需要解决跨域问题,而上生成服务器之后就会用其他反向代理工具(如nginx),但是开发环境任然会有问题,那么我们得搭建一个vue的代理服务器。修改config/index.js文件:
代码如下:
proxyTable: { '/prod-api': { target: 'http://127.0.0.1:8080', ws: true, changeOrigin: false, pathRewrite: { '^/prod-api': '' } } },
其中’/prod-api’代表如果以prod-api开头的那么我们进行一个转发
target后面的为服务器地址
ws代表是否支持WebSocket
changeOrigin为是否改写请求源地址,写为false就好了
pathRewrite是路径重写,意思是将/prod-api给替换成一个空字符串
改写案例:
请求地址:http://127.0.0.1/prod-api/security/code
实际请求地址:http://127.0.0.1:8080/security/code
下课