vue项目多个不同的服务器请求地址管理
在vue项目开发过程中,获取不同的数据可能会出现需要请求多个不同服务器地址的域名,这个时候需要对不同域名的请求地址进行管理以及跨域的代理。
一、单服务器域名地址的跨域代理和请求配置:
跨域配置:
在vue项目的vue.config.js文件中对devServer.proxy进行配置,如下:
module.exports = {publicPath: './', // 默认加载地址为当前目录下devServer:{hot: true,port: 8000, // 启动端口open: true, // 启动后是否自动打开网页proxy: {"/api/": {target: "http://XXXXX.com/",changeOrigin: true,pathRewrite: {'^/api'