前端本地 npm run serve-uat 命令运行uat环境

最新推荐文章于 2026-06-20 16:58:37 发布

原创最新推荐文章于 2026-06-20 16:58:37 发布 · 675 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端

收录于

博客介绍了从uat复制dev - uat和serve - uat的操作，指出部分uat存在限制会使本地localhost:8080打不开uat页面，还说明了host配置方法，需在c/windows/sys32/drives/etc/host文件中，将前面设为自己的IP如123.0.0.1，后面设为pre链接的域名。

在这里插入图片描述
从uat复制一份dev-uat

NODE_ENV = 'development'
VUE_APP_SECRET = 'uat'
VUE_APP_BASE_API='https:/uat.123.com/api/app/tcloud-crm'

在这里插入图片描述
复制一份 serve-uat

有的uat会有限制导致本地 localhost:8080 打不开uat的
host配置

c/windows/sys32/drives/etc/host

修改为前面是自己的 123.0.0.1 后面是pre链接的域名
在这里插入图片描述

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

csstmg

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

解决vue项目运行npm run serve报错的问题

01-18

先来一张报错的截图先去配置环境变量 C:\Users\lgd\AppData\Local\Programs\Microsoft VS Code\bin的后面配置；%SystemRoot%\system32;一定要注意分号，然后在path环境中配置C:\Windows\System32 最后去项目安装依赖 npm i 运行项目 npm run serve 如果这样子项目还是报同样的错误，那么就把node全局卸载，去控制面板卸载，然后安装，最后安装依赖，运行项目就可以成功了补充知识：vue npm run serve报错Cannot find module ‘eslint-plugin

参与评论您还未登录，请先登录后发表或查看评论

开发环境DEV 测试环境UAT 生产环境PROD

你总是想知道的博客

04-09

5995

开发环境DEV 测试环境UAT 生产环境PROD, 三个环境也可以说是系统开发的三个阶段：开发->测试->上线，其中生产环境也就是通常说的真实环境开发环境: DEV (development) 程序猿们专门用于开发的服务器，配置可以比较随意，为了开发调试方便，一般打开全部错误报告; 测试环境: TEST() 外部用户无法访问，专门给测试人员使用的，版本相对稳定 UAT环境：UAT(User Acceptance Test), 用户接受度测试，即验收测试，主要是用来作为客户体验.

vue打测试包和正式包的配置

weixin_42161050的博客

12-14

3816

目的： npm run build:uat 打测试包（环境：development） npm run build:prod 打正式包（环境：production）修改配置：第一步：修改config/prod.env.js 'use strict' module.exports = { NODE_ENV: '"production"', EVN_CONFIG:'"prod"' } 第二步：config/dev.env.js 'use strict' const merge = r

【Vue打包环境全局配置process.env.NODE_ENV和process.env.VUE_APP_ENV的用法】

qq_31629679的博客

07-10

3873

注：NODE_ENV=“production"不同的环境上线时，基本上都需要使用"production"环境，因为这里有个问题个人没有解决，如环境配置时使用其他的字段，例如"sit”，打包配置中的configureWebpack通过判断（process.env.NODE_ENV === “sit”）去掉log注释的插件可能不生效，即上线后同样会有log打印。.env.development: 开发环境的配置文件 lab pre 等对应相对的环境以此类推其他几个分别对应不同的环境请求配置。

前端根据不同服务器和不同环境去部署前端代码

weixin_42234899的博客

01-13

1258

前端根据不同服务器和不同环境去部署前端代码

vue执行配置选项npm run serve的本质

热门推荐

pulledup的博客

09-14

1万+

npm run serve、npm run build等“调试运行脚本”：仅仅是Vue默认在内部做了1个“命令行”封装而已！以包配置文件（package.json）的形式与用户交互。打开“工程”下的node包依赖路径下的“可执行脚本”目录：node_modules\bin。

【前端】VUE多环境配置

我是Superman丶的博客

04-06

596

【前端】VUE多环境配置。

vue框架的代码如何打包部署

xindon12的博客

02-13

315

vue框架的目录结构如下:

Vue分环境部署

如果有了可惜

04-21

469

前言关键词：vue-cli 3.0 分环境部署本文来自菜鸡个人领悟，如有不对的地方请评论区留言指正，多谢???? vue-cli 在本地跑和打包时候默认只有 development / production 两种模式，分别对应 process.env.NODE_ENV 的两个值。但是日常开发中常常线上模式分开发环境/测试环境/预发布环境/生产环境等多种环境，此时我们需要做一些额外的工作才能保证...

JAMstack全栈部署：静态前端+API后端+边缘函数协同实践

weixin_30561425的博客

06-20

436

JAMstack是一种以静态HTML、客户端JavaScript和可组合API为核心的现代Web应用架构范式，其本质是将构建、交付与运行时解耦，实现去服务器化部署。它依托CDN边缘分发、Serverless函数和标准化HTTP契约，显著降低运维复杂度并提升安全性和性能。技术价值体现在构建确定性（预渲染、不可变资产）、弹性伸缩（前后端独立部署）与生态复用（Stripe/Auth0等即插即用API）。典型应用场景包括内容型网站、电商展示页、营销落地页及需要高可用与全球低延迟的SaaS前端。本文深入解析JAMst

Angular CLI 速查表：高频命令、避坑指南与版本兼容性实战

最新发布

dingdi3021的博客

06-20

397

Angular CLI 是 Angular 应用开发的核心工具链，其本质是基于 schematics 的代码生成与构建调度系统。它通过命令行接口封装 Ivy 编译器、Webpack 构建流程、Karma/Playwright 测试框架及依赖管理逻辑，实现从项目初始化（ng new）到模块生成（ng generate）、构建优化（ng build）、热更新调试（ng serve）再到生态集成（ng add）的全生命周期控制。掌握 CLI 不仅能提升开发效率，更能规避因版本差异（如 Angular 17+ 的

webpack跨域配置处理

anxw66497的博客

11-28

676

打开config->index.js 配置其中的proxyTable module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { t...

Vue多环境配置

小强崽的博客

07-17

1961

一、新建配置 # 开发环境 .env.dev # 集成测试 .env.sit # 验收测试 .env.uat # 生产环境 .env.prod .env.dev ENV = 'dev' VUE_APP_SERVER_API = 'http://localhost:8080/api/pavilion' .env.sit ENV = 'sit' VUE_APP_SERVER_API = 'http://192.168.8.246:8080/api/pavilion' .env.uat ENV = '

前端项目开发环境发包至UAT/SIT/生产的流程（堡垒机）

m0_37680500的博客

06-26

1239

该教程来自@刘文同事，代发。

Vue——设置自动配置不同环境接口

m0_37616866的博客

11-25

1064

再根目录新建一个文件夹configenv, 在文件夹下新建baseServerConfig.js module.exports = { // 本地环境设置测试接口的地址 "localhost:8010": { mallUrl: 'http://202.108.22.5:8000', storeHouseUrl: 'http://202.108.22.103:8080', }, // 本地IP环境设置测试接口的地址 "10.12.5.46:8010": { .

82 npm install npm run配置scripts中的命令配置环境变量 vue-cli-service命令 vue.component与use的区别 vue项目中如何使用字典

samllucky的博客

02-06

1291

npm install的过程，npm run 的过程，配置环境变量

vue项目前端开发过程和部署过程遇到跨域如何解决

weixin_42667972的博客

08-21

1262

vue项目解决cors跨域

vsCode使用本地低版本node启动配置文件

qq_1336674576的博客

06-06

443

vue：vsCode使用本地低版本node启动配置文件

Vue-cli3.0 分环境运行/打包

qq_41709082的博客

09-02

676

前文：最近项目中需要新增一个灰度环境，所以要新增运行环境配置。太久没复习vue-cli的配置知识有点忘记了，后面查询资料配置完成，此文章作为记录以防后面忘记。正文：我们使用vue-cli构建完项目后，会有一个package.json文件，里面有scripts属性，如下： "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", }, 这是默认配置，当我们项目需要进行分环境时(

vue之多环境配置

溪语流沙的博客

05-10

1001

我使用的是vue-cli3.o，以下谈到的内容都是vue-cli3.0的环境下配置，如需安装vue-cli3.0，可通过下面命令安装 npm install -g @vue/cli 再开发过程中，我们经常会有多个环境的部署，比如本地环境，qa环境，线上环境，这些环境中我们访问的后端域名都不一致，或者是后端API有些许的不一样，如qa环境，api前缀为/qa/，线上环境api前缀为/prod等等，这就使得我们在编写vue项目也需要使用多个环境。目前我参考的文章是vue-cli环境变量和模式，首先可以知道v

前端 本地 npm run serve-uat 命令运行uat环境

前端本地 npm run serve-uat 命令运行uat环境