vue跨域问题

　例：

　　浏览器在进行网络请求时
　　

　　1.http :协议 2.localhost ：主机名 3.8080 ：端口号
　　三者有一个不同，浏览器就会出现跨域问题

解决方法： proxyTable
　　介绍：vue-cli提供的解决vue开发环境下跨域问题的解决办法
　　底层使用了 http-proxy-midleware，时http代理中间件，依赖node.js,基本原理是用服务端代理解决浏览器跨域

　　

　　在index.js里有个空的proxyTable，下面是示例

module.exports = {
  dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    //proxyTable: proxyConfig.proxyList,
    proxyTable: {
      '/banner': {
        // target: 'http://localhost:3000/mock/11'
        target: 'http://127.0.0.1:7777'

      },
      '/api/cms': {
        target: 'http://localhost:31001',
        pathRewrite: {
          '^/api': ''
        }
       
    },

只要是api/cms 的就会转发到local host：31001去

然后根据自己需求在api里拼自己需要的请求

//页面查询
export const page_list = (page,size,params) =>{
  //请求服务端的页面查询接口
  return http.requestQuickGet(apiUrl+'api/cms/page/list/'+page+'/'+size)
}

　　这时再去测试，就没有跨域问题了

 

后期可以用Nginx实现代理