vue+webpack中proxyTable配置

最新推荐文章于 2023-03-30 16:04:19 发布

@bj

最新推荐文章于 2023-03-30 16:04:19 发布

阅读量428

点赞数

文章标签： webpack vue vue-cli3

本文链接：https://blog.csdn.net/qq_44908601/article/details/110678091

版权

proxyTable作用

proxyTable是解决本地跨域问题的

因为本地地址为localhost:xxxx/xxx，在线上的生产环境是没用的

proxyTable配置

首先打开config/index.js文件

proxyTable: {
      // 这里配置 '/api' 就等价于 target , 你在链接里访问 /api === http://localhost:端口号
      '/api': {
        target: 'http://localhost:端口号',//源地址
        secure: true, // 是否为 https , 
        changeOrigin: true, // 是否是跨域请求 ,改变源地址
        pathRewirte: {
          '^/api': '/static/mock', // 这里是追加链接
          // 例如 
          //    /api = http://localhost:8888
          //  ^/api = /api + api == http://localhost:8888/api == http://localhost:8888/static/mock
        }
      }
     },