nuxt.js配置BASE_URL(基本域名)和NODE_ENV(环境变量)
第一步:安装 cross-env(这个迷你的包能够提供一个设置环境变量的scripts)
npm i cross-env -D
第二步:配置BASE_URL和NODE_ENV
在package.json文件中:
1 2 3 4 5 6 7 8 9 10 | "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;
}
分类:
nuxt
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从二进制到误差:逐行拆解C语言浮点运算中的4008175468544之谜
· .NET制作智能桌面机器人:结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· C# 13 中的新增功能实操
· Ollama本地部署大模型总结
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(4)
· langchain0.3教程:从0到1打造一个智能聊天机器人
· 用一种新的分类方法梳理设计模式的脉络