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'