vue cli3.0配制axios代理

  今天学习时，想访问网易新闻接口，结果显而易见，因为跨域被浏览器拒绝了。

  去网上找一下结果一开始找到的是2.x版本的配置，生硬的放进去，给我各种报错。编译阶段就炸了。浪费好多时间

  再按3.0版本去搜索才找到答案，这里做一下笔记。

  在vue.config.js中(一般新生成的面目中默认是没有的，自己新建)写入如下配置

module.exports = {
    devServer:{//这里与2.x版本是有区别的，在2.x版本配置中是dev
        proxy: {//这里与2.x版本是有区别的，在2.x版本配置中是proxyTable
            '/api': {
                target: 'https://ent.163.com/special/000380VU',
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
};

在main.js中这样写

import axios from 'axios'
import VueAxios from 'vue-axios'

axios.defaults.baseURL = '/api';
Vue.use(VueAxios, axios);

更改完配置后记得重启 npm run serve