nuxt.js配置BASE_URL(基本域名)和NODE_ENV(环境变量)

第一步:安装 cross-env(这个迷你的包能够提供一个设置环境变量的scripts)

npm i cross-env -D

第二步:配置BASE_URL和NODE_ENV

在package.json文件中:

"scripts": {
    "dev": "cross-env BASE_URL=http://192.168.3.12/strategyService NODE_ENV=development nuxt",

    "build": "cross-env BASE_URL=/strategyService NODE_ENV=production nuxt build",

    "start": "cross-env BASE_URL=/strategyService NODE_ENV=production nuxt start",

    "generate": "cross-env BASE_URL=/strategyService NODE_ENV=production nuxt generate"

  },

  一定要注意,命令一定要写在末尾,cross-env能跨平台地设置及使用环境变量,这样我们在执行不同的命令(npm run  xxx)时,都会设置相应的BASE_URL(基本域名)和NODE_ENV(环境变量)

第三步:配置nuxt.config.js

// nuxt.config.js
module.exports = {
  mode: 'universal',
  env: {
    BASE_URL: process.env.BASE_URL,
    NODE_ENV: process.env.NODE_ENV
  }
}

第四步:在plugins/axios.js中 使用 

export default function ({ store, redirect, req, env, route, $axios, app }) {
    // 数据访问前缀
    $axios.defaults.baseURL = env.baseURL;

 

posted @ 2021-01-19 14:00  没事看看电影  阅读(594)  评论(0编辑  收藏  举报