备案控制台
开发者社区 云计算 文章 正文

Vue3配置开发环境和生产环境

2022-11-17 850
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Vue3配置开发环境和生产环境

1、创建开发环境

项目根目录下创建.env.development文件

# 页面标题
VUE_APP_TITLE = 标题
# 开发环境配置
ENV = 'development'
# 连接地址
VUE_APP_API= "http://192.168.4.67:17000/sign/"

2、创建生产环境

项目根目录下创建.env.production文件

# 页面标题
VUE_APP_TITLE = 标题
# 测试环境配置
ENV = 'staging'
# 连接地址
VUE_APP_API= "/sign/"

3、使用

process.env.VUE_APP_API
关键词：
vue3开发环境VUE.js
开发环境VUE.js
配置VUE.js
生产环境VUE.js
vue3配置VUE.js
dashuaigehh
目录
相关文章
vohelon
|
2天前
|
缓存 JavaScript 前端开发
Vue 3的响应式系统
【5月更文挑战第31天】Vue 3的响应式系统
vohelon
6 1
前端菜鸟的自我修养
|
3天前
|
JavaScript 前端开发 API
vue2 /vue3【nextTick】的使用方法及实现原理，一文全搞懂！
vue2 /vue3【nextTick】的使用方法及实现原理，一文全搞懂！
前端菜鸟的自我修养
10 0
前端菜鸟的自我修养
|
3天前
|
JavaScript 开发者
[vue2/vue3] -- 深入剖析v-model的原理、父子组件双向绑定的多种写法
[vue2/vue3] -- 深入剖析v-model的原理、父子组件双向绑定的多种写法
前端菜鸟的自我修养
8 0
[vue2/vue3] -- 深入剖析v-model的原理、父子组件双向绑定的多种写法
前端菜鸟的自我修养
|
3天前
|
JavaScript API
vue3父子组件相互调用方法详解
vue3父子组件相互调用方法详解
前端菜鸟的自我修养
10 0
code袁
|
10天前
|
JavaScript API
Vue3 基础语法
该内容介绍了Vue项目的创建和Vue3的语法、响应式API、生命周期、组件通信及跨组件通信方法。包括使用`npm init vue@latest`创建项目，`npm install`初始化，Vue3的`setup`语法，`reactive`、`ref`、`computed`和`watch`的用法，生命周期图解，以及父子组件间的数据传递。此外，还提到了Vue3中使用`provide`和`inject`进行跨层数据传递，以及通过Pinia库进行状态管理。
code袁
35 0
Vue3 基础语法
yqcoder
|
13天前
|
JavaScript 定位技术 API
在 vue3 中使用高德地图
在 vue3 中使用高德地图
yqcoder
22 0
你都不懂
|
13天前
vue3 键盘事件 回车发送消息，ctrl+回车 内容换行
const textarea = textInput.value.textarea; //获取输入框元素
你都不懂
28 3
向画
|
16天前
|
JavaScript 前端开发 CDN
vue3速览
vue3速览
向画
29 0
老板这功能得加钱
|
16天前
|
设计模式 JavaScript 前端开发
Vue3报错Property “xxx“ was accessed during render but is not defined on instance
Vue3报错Property “xxx“ was accessed during render but is not defined on instance
老板这功能得加钱
31 0
yqcoder
|
16天前
|
JavaScript 前端开发 安全
Vue3官方文档速通（下）
Vue3官方文档速通（下）
yqcoder
28 0

热门文章

最新文章

  • 1
    Vue+Django+MySQL搭建指南（个人全栈快速开发）
  • 2
    vue项目实战 — — 那些自己给自己挖的深坑
  • 3
    vue jsx 使用指南
  • 4
    在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码
  • 5
    EasyExcel 实现导入与导出功能（Springboot+Vue)
  • 6
    Vue2+VueRouter2+webpack 构建项目
  • 7
    使用 Vue 2.0 实现服务端渲染的 HackerNews
  • 8
    Vue中 使用 v-for 时动态绑定 ref
  • 9
    vue 路由demo
  • 10
    vue router 4 源码篇：路由诞生——createRouter原理探索
  • 1
    在vue中，在哪个生命周期内调用异步请求？
    52
  • 2
    在vue中，Vue 的父组件和子组件生命周期钩子函数执行顺序？
    22
  • 3
    在vue中，直接给一个数组项赋值，Vue 能检测到变化吗？
    48
  • 4
    在vue中，computed 和 watch 的区别和运用的场景？
    18
  • 5
    在vue中，怎样理解 Vue 的单向数据流？
    30
  • 6
    在vue中，Class 与 Style 如何动态绑定？
    18
  • 7
    在vue中，v-show 与 v-if 有什么区别？
    26
  • 8
    在vue中，如何实现SPA单页面应用的路由管理？
    28
  • 9
    在vue中，说说你对 SPA 单页面的理解，它的优缺点分别是什么？
    48
  • 10
    解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题
    91

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • 前端自动化构建工具 Webpack
  • React 入门教程开发文档
  • Springboot项目云开发快速迁移

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 利用编译将 Vue 组件转成 React 组件

    • 相关实验场景

    更多
  • 前端开发基础6：Node.js和LESS预编译工具
  • 搭建Node.js编程环境
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考