vue3.0配置代理proxy 解决跨域问题

vue3.0配置代理proxy 主要解决的是接口问题和路径问题。

这里说的是vue3.0的版本：

1.首先在项目的根目录下添加vue.config.js文件。

2.然后 vue.config.js内容如下：

  module.exports = {

     // 基本路径  

     publicPath: './',

     // 输出路径   

     outputDir: 'dist',

     // 静态资源    

     assetsDir: './',

     // eslint-loader是否在保存时候检查  

     lintOnSave: true,

     // 服务项配置    

     devServer: {

         host: 'localhost',

         port: 8080,

         https: false,

         open: true,

　　 // 设置代理proxy

         proxy: {

            '/api':{

                'target':‘http://localhost:3000',

                changeOrigin:true,    //表示是否跨域，

                pathRewrite:{           //表示需要rewrite重写的

                    '^/api':'  ',

                }

            }

         }   

     }

 }

3.最后请求的时候：

  譬如："http://localhost:3000/login"

  现在写成："/api/login".

  用 /api 替换原来的 http://localhost:3000