在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"', })