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

vue配置代理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  
上一篇:NodeJS后端——报错3000端口被占用


下一篇:hdu 4454 Stealing a Cake(三分之二)