Vue项目多域名跨域

血红的双手。 提交于 2020-02-17 01:46:08

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

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!