vue本地调试 跨域cookie 图片 proxyTable

- 当我在使用 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

你可能感兴趣的:(vue)