1、创建env.js
2、package.json配置相应的启动命令
这里配置BASE用于区分环境 可看到一共有三个环境,分别是production、nk、temp(对应了env.js)
3、nuxt.config.js引入
在nuxt.config.js 引入 const env = require('./env')
//这里的env需要配置之后才才能全局读取,否则只能serve端读取
env: {
BASE: process.env.BASE
}
axios: {
proxy: true, // 表示开启代理
// debug: process.env.NODE_ENV == "production" ? false : true,
baseURL: env[process.env.BASE].VUE_APP_HOST_MALL,
// browserBaseURL: '/'
}
//baseURL 全局axios的URL前缀 browserBaseURL仅限浏览器的axios也就是客户端的URL前缀
//axios是对应整个项目中的axios的配置,使用的前提是要在plugins里面已经配置了axios
plugins: [
'@/plugins/axios'
],
//代理配置,需要axios中的proxy设置为true才生效
proxy: {
"/nk/" : {
target : env[process.env.BASE].VUE_APP_HOST_MALL,
pathRewrite: {
'^/nk': '/nk'
}
}
}