vue解决跨域问题

发布时间 2023-04-25 17:06:46作者: 好大的虫子

1、若项目用vue init webpack appname 创建的解决跨域问题如下

      在config文件夹的index.js文件里proxyTable{}中添加以下代码即可:

 proxyTable: {
            '/api': {
                //本地服务接口地址
                target: 'http://....',
                ws: true,
                pathRewrite: {
                    '^/api': '/'
                }
            }
        },

 

2、若项目用vue create appdemo 创建的解决跨域问题如下:

      在根目录下新建vue.config.js文件,并在该文件中添加以下代码即可:

module.exports = {
    //开发模式反向代理配置,生产模式请使用Nginx部署并配置反向代理
    devServer: {
        port: 1888,
        proxy: {
            '/api': {
                //本地服务接口地址
                target: ''http://....',
                ws: true,
                pathRewrite: {
                    '^/api': '/'
                }
            }
        }
    }
}