Skip to content

vue proxy跨域

在根目录下写一个vue.config.js配置

//vue.config.js
module.exports = {
    devServer:{
        proxy: {
            '/getAllMovie': {
                target: 'http://116.62.147.89:3333',
                changeOrigin: true, // 跨域
                pathRewrite: {
                    '^/getAllMovie': '/getAllMovie/'
                }
            }
        }
    }
};

//真正请求地址为:http://116.62.147.89:3333/getAllMovie,
//api为: /getAllMovie
//请求地址: /getAllMovie/**/**
//pathRewrite: '^/getAllMovie' 把 ‘/getAllMovie’换成 ‘/getAllMovie/’

使用

 axios.get('/getAllMovie').then(res => {
    console.log(res)
});