Vue项目多域名跨域

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

 

posted @ 2019-05-28 17:03  有梦想的咸鱼-  阅读(7423)  评论(0编辑  收藏  举报