vue-cli3解决跨域问题

vue-cli3脚手架创建完毕不会有config文件,需要我们自己配置,并且官网有详细的配置列表。

在根目录下创建vue.config.js   即package.json同级

在vue.config.js 内进行以下配置

module.exports = {

  outputDir: 'dist',  //build输出目录  默认不需要配置

  assetsDir: 'assets', //静态资源目录(js, css, img)默认不需要配置

  lintOnSave: false, //是否开启eslint

  devServer: {

    open: true, //是否自动弹出浏览器页面

    host: "localhost",

    port: '8080',

    https: false,  //是否使用https协议

    hotOnly: false, //是否开启热更新

    proxy: null,

  }

}


devServer: {

    open: true, //是否自动弹出浏览器页面

    host: "localhost",

    port: '8080',

    https: false,

    hotOnly: false,

    proxy: {

      '/api': {

        target: 'http://localhost:5000', //API服务器的地址

        ws: true, //代理websockets

        changeOrigin: true, // 虚拟的站点需要更管origin

        pathRewrite: {  //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'

          '^/api': ''

        }

      }

    },

  }

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容