记录一下vue-cli3搭建项目后遇到axios请求跨域的问题

只记录一种最简便的方法,在项目根目录下创建vue.config.js,修改默认配置:

 1 module.exports = {
 2     outputDir: ‘dist‘, //build输出目录
 3     assetsDir: ‘assets‘, //静态资源目录(js, css, img)
 4     lintOnSave: false, //是否开启eslint
 5     devServer: {
 6         open: true, //是否自动弹出浏览器页面
 7         host: "localhost",
 8         port: ‘8080‘,
 9         https: false, //是否使用https协议
10         hotOnly: false, //是否开启热更新
11         proxy: {
12             ‘/api‘: {
13                 target: ‘http://localhost:8088‘, //API服务器的地址
14                 ws: true, //代理websockets
15                 changeOrigin: true, // 虚拟的站点需要更管origin
16                 pathRewrite: { //重写路径 比如‘/api/aaa/ccc‘重写为‘/aaa/ccc‘
17                     ‘^/api‘: ‘‘
18                 }
19             }
20         }
21     }
22 };

 

记录一下vue-cli3搭建项目后遇到axios请求跨域的问题

上一篇:在苹果Mac上如何将实时照片转换为静态照片?


下一篇:axios解决高并发——axios.all与axios.spread