vue-cli3.0 axios跨域请求代理配置方式及端口修改

vue add axios

// vue.config.js
module.exports = {
    devServer: {
        port: 端口号,
        proxy: {
            '/apis': {
                target: 'https://movie.douban.com/',  // target host
                ws: true,  // proxy websockets 
                changeOrigin: true,  // needed for virtual hosted sites
                pathRewrite: {
                    '^/apis': ''  // rewrite path
                }
            },
        }
    }
};

this.axios.get('/apis/ithil_j/activity/movie_annual2017').then(res => {
	console.log(res.data)
}, res => {
    console.info('调用失败');
})

module.exports = {
    publicPath: '/',
    outputDir: 'dist',
    devServer: {
        open: true,
        host: 'localhost',
        port: '8081',
        proxy: {
            '/api': {
                target: 'http://localhost:8080', // 要请求的地址
                ws: true,
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
};

 this.axios.get('/api/getFile', {//用api代替http://localhost:8080
                }).then( response => {
                    window.console.log("成功" + response)
                }).catch(
                error => {
                    window.console.log("失败"+error)
                })