[JavaScript知识库]代理服务器（Vue项目）

只在开发环境有效哦

1.首先在创建vue,config.js文件
2.在vue文件中

 module.exports = {
   devServer:{
     proxy:{
       '/api':{
           target:'你要链接的基地址'
         }
      }
   }
 }

例如：

//在vue.config.js中
  module.exports = {
   devServer:{
     proxy:{
       '/api':{
           target:'http://localhost:3000'
         }
      }
   }
 }

//在.env.development中（开发环境配置文件）
VUE_APP_BASE_API(自己起的名，建议以VUE_APP开头)

VUE_APP_BASE_API:'/api'


//配置根路径
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API
})