vue解决跨域问题

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

      在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': '/'

                }

            }

        }

    }

}