zoukankan      html  css  js  c++  java
  • 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;
  • 相关阅读:
    2019年9月15日晚间测试-T1
    机房巨佬的随机名称生成器
    初来乍到
    GKurumi记
    GKurumi记
    小P的团战
    什么才算是真正的编程能力?
    java冒泡排序和快速排序
    “转行做程序员”很难?这里有4个重要建议
    Linux文件I/O(一)
  • 原文地址:https://www.cnblogs.com/hjsblogs/p/14297629.html
Copyright © 2011-2022 走看看