博客

– 当我在使用 vue + webpack 开发单页面的时候，主机host是 localhost，导致本地调试时cookie无法传递，ueditor编辑去图片等跨域无法上传。

解决办法  proxyTable

• 在dev配置中添加 proxyTable

dev: {
    env: require('./dev.env'),
    port: 80,
    autoOpenBrowser: true,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
        '/apis': {    //将www.exaple.com印射为/apis
            target: 'http://www.exaple.com',  // 接口域名
            secure: false,  // 如果是https接口，需要配置这个参数
            changeOrigin: true,  //是否跨域
            pathRewrite: {
                '/apis': ''      //需要rewrite的,
            },
        },
    },
    cssSourceMap: false
  }

• 将测试请求的接口host 改为 /apis 代替原来的域名
  
  http://www.exaple.com
  

  const host = "/hcj";

• 修改本地host文件 把 www.exaple.com 置顶到 localhost

##
# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting.  Do not change this entry.
##
#127.0.0.1  localhost
255.255.255.255 broadcasthost
::1             localhost
localhost  www.exaple.com

• npm run dev

正常访问  localhost 就可以跨域传递token了