vue cli设置代理和解决跨域 详解vue-cli本地环境API代理设置和解决跨域（vue教程）

想了解详解vue-cli本地环境API代理设置和解决跨域的相关内容吗，Jonz在本文为您仔细讲解vue cli设置代理和解决跨域的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：vue,cli设置代理,vue,cli,跨域,vue,cli,代理，下面大家一起来学习吧。

dev: {
  env: require('./dev.env'),
  port: 8080,
  autoOpenBrowser: true,
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',
  proxyTable: {},  
  cssSourceMap: false
 }

module.exports = {
 proxy: {
    '/apis': {  //将exaple.com印射为/apis
      target: 'https://exaple.com', // 接口域名
      changeOrigin: true, //是否跨域
      pathRewrite: {
        '^/apis': ''  //需要rewrite的,
      }       
    }
 }
}

var proxyConfig = require('./proxyConfig')

dev: {
  env: require('./dev.env'),
  port: 8080,
  autoOpenBrowser: true,
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',
  proxyTable: proxyConfig.proxy,
  cssSourceMap: false
 }

# localhost name resolution is handled within DNS itself.
# 127.0.0.1    localhost
# ::1       localhost
127.0.0.1          activate.adobe.com
127.0.0.1          practivate.adobe.com
127.0.0.1          lmlicenses.wip4.adobe.com
127.0.0.1          lm.licenses.adobe.com
127.0.0.1          na1r.services.adobe.com
127.0.0.1          hlrcv.stage.adobe.com

localhost          exaple.com