【Vue】vue | 增加环境配置 | 基于ruoyi的前端环境配置

时间：2022-11-25 11:00:32浏览次数：39

标签：Vue 示例 ruoyi test2 vue build env test

一、说明

1、使用若依前后端分离版本，前端vue

2、需要增加个环境配置，区分test与prod

二、按部就班

1、package.json配置

1）搜索build:stage
build:stage
在第10行。。。
2）复制一行并修改为test
"build:test": "vue-cli-service build --mode test",
3）示例截图

2、复制.env.production

1）复制并重命名
.env.test
2）示例截图
3）内容写test环境内容
4）编译方式以生产方式
NODE_ENV = production
示例

~~

3、执行打包命令

1）命令
npm run build:test
2）就是这么简单，nice!!!

标签：Vue,示例,ruoyi,test2,vue,build,env,test
From： https://blog.51cto.com/u_15891242/5885749

Vue2.0+3.0笔记
生命周期非单文件组件：全局事件时脚手架文件结构 ├──node_modules├──public│├──favicon.ico:页签图标│└──index.htm......
vue 同一个子组件，两次赋值不同，dom不更新
转自：https://blog.csdn.net/WO_JIAMIFENG/article/details/115250918 <div:key="inputkey">我是子组件，我不更新，我的标签上加个：key<div> watch:{ ......
Vue3（十）电影院案例
效果图：代码：<template><divclass="move_box"><divclass="move_leftbox"><h4style="text-align:center">屏幕</h4>......
vue无限滚动加载
vue无限滚动加载1、使用防抖完成无限加载exportdefault{data(){return{menuList:{},time:null,page:1,loading:true,......
vue中引入字体
前言：做大屏项目需要引入字体做个记录一、先看看效果二、实现1、下载字体文件分享一个下载开源字体网站：https://www.dafont.com/theme.php2、文件放到项目中可......
vue获取内网ip
vue获取内网ip函数getIPs1(callback){varip_dups={};//compatibilityforfirefoxandchromevarRTCPeerConnection=window.RTCPeerConnection|......
Vue3学习（九）
路由学习：1：路由传参<template><divclass="cls">这是电影<h2>{{$route.params.id}}</h2><h2>{{$route.params.type}}-{{$route.params}}<......
vue3中watch监听不是你想的那样简单
vue3中watch监听数组，数组变化后未触发回调今天发生了一个很神奇的现象，就是我使用watch监听数组时。被监听的数组已经发生了变化。但是没有触发回调操作。当时的我感到......
Vue -- Mixin混入（二）
前言使用Mixin混入自定义属性自定义属性：就是直接写在组件里的属性定义一个Mixin，并写入自定义属性 constmyMixin={num:1};创建vue实例，定义......
Vue项目打包后部署到express服务器
背景有的时候我们在使用vue脚手架开发完项目后想在本地的服务器上运行进行调试，因为有的时候开发时和打包后的效果有些许差异。步骤安装expressnpminstallexpress-sa......