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;
  • 相关阅读:
    rotatelogs分割apache日志文件
    Linux怎么设置PostgreSQL远程访问
    【转】Shell编程
    【转】lnmp_auto:自动化安装lnmp环境脚本
    postgres配置主从流复制
    PHP中的魔术方法总结
    postgresql 忘记 postgres 密码
    linux下解压命令大全
    Java NIO Selector
    Channel (Java NIO)
  • 原文地址:https://www.cnblogs.com/hjsblogs/p/14297629.html
Copyright © 2011-2022 走看看