首页 > Python资料 博客日记
前端多环境配置
2024-10-14 21:00:15Python资料围观13次
文章前端多环境配置分享给大家,欢迎收藏Python资料网,专注分享技术知识
在项目根目录下创建.env、.env.dev、.env.test文件
因为创建的项目是vue3,我记得当时说要以VITE_APP打头
我的.env和.env.dev文件内容是相同的,试了试删掉.env文件内容,会影响调用。(不是专业的前端,.env不是能将.dev、.test的环境整合到.env吗?怎么相同的内容删掉会找不到?)
VITE_ENV = development
VITE_NAME='开发环境'
VITE_APP_API_URL=http://localhost:8081/hhc/test/interactiveQA
在package.json文件中修改scripts代码段为:
表示如果npm run dev 则默认走development ;如果允许npm run build 则打包test环境
"scripts": {
"dev": "vite --mode development",
"build": "vite build --mode production",
"start": "vite --mode production",
"build:env": "vite build --mode development"
},
在vite.config.js文件defineConfig添加配置
export default defineConfig(({mode,command})=>{
const env = loadEnv(mode,process.cwd());
plugins: [
vue(),
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
},
build: {
assetsPublicPath: './'
},
// 添加这个配置
define:{
'process.env':env
}
})
调用:process.env.VITE_APP_API_URL
版权声明:本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:jacktools123@163.com进行投诉反馈,一经查实,立即删除!
标签:
相关文章
最新发布
点击排行
- 版本匹配指南:Numpy版本和Python版本的对应关系
- 版本匹配指南:PyTorch版本、torchvision 版本和Python版本的对应关系
- Python 可视化 web 神器:streamlit、Gradio、dash、nicegui;低代码 Python Web 框架:PyWebIO
- 相关性分析——Pearson相关系数+热力图(附data和Python完整代码)
- Python与PyTorch的版本对应
- Python pyinstaller打包exe最完整教程
- Anaconda版本和Python版本对应关系(持续更新...)
- Could not build wheels for llama-cpp-python, which is required to install pyproject.toml-based proj