在Vue项目中请求后台数据时,遇到的多域名跨域问题。
直接上代码:
assetsSubDirectory: "static",
assetsPublicPath: "/",
proxyTable: {
"/api": {
target: "path1",
changeOrigin: true, //改变源
pathRewrite: {
"^/api": "/" //路径重写
}
},
// 此处若使用 "/api1" 类似命名可能会导致请求时只截取api部分接口出现404错误,因此命名时尽量避免此类命名方式。
"/mzyl": {
target: 'path1', //源地址
changeOrigin: true, //改变源
pathRewrite: {
"^/mzyl": "/" //路径重写
}
}
},
//dev.env.js
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env') module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_ROOT: '"/api"',
API_HOST: '"/mzyl"',
})