前端本地调试解决跨域的两种方法

1、谷歌浏览器非安全模式解决跨域

　　右击谷歌浏览器、在属性>>快捷方式>>目标里尾部加上 --disable-web-security --user-data-dir。前面要有空格

2、webpack前后端分离开发接口调试proxyTable解决方案

　　以vue-cli为例

　　

dev: {
    env: require('./dev.env'),
    port: process.env.PORT || 8088,
    autoOpenBrowser: true,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/decApi': {
        target: 'http://dec.m.test.fdc.com.cn/',
        changeOrigin: true
      },
      '/router/rest': {
        target: 'http://dec.m.test.fdc.com.cn/',
        changeOrigin: true
      }
    },
    cssSourceMap: false
  }

如上例子请求到 /decApi现在会被代理到请求 http://dec.m.test.fdc.com.cn/decApi。

转载于:https://www.cnblogs.com/nanacln/p/8084509.html