react项目前端打包运行

左手的ㄟ右手 2023-02-27 12:08 6阅读 0赞

### 1.修改baseUrl ###

添加本地测试baseUrl

console.log($NODE_ENV);
    // console.log(process.env.NODE_ENV)
    let baseUrl = "/api/";
    // let baseUrl = "http://10.109.4.141:8888/api/";
    // 开发环境域名，直接访问地址，不走代理，如果是ip走代理
    // 生产环境，不跨域，接口前缀/api
    // uat，跨域，后端重写地址，接口前缀/api
    if ($NODE_ENV === "development") { 
        // baseUrl = "https://qit-test.earth.xpaas.lenovo.com/api/";
        // baseUrl = "http://10.109.20.250:8888/api/";
        baseUrl = "http://localhost:8888/api/"; // 本地测试
    }
    export {  baseUrl };

### 2. 安装node ###

#### 2.1安装node.js ####

node.js需要下载安装  
[https://pan.baidu.com/s/1VuLsbS2d8YNdBSZB-MvGZw][https_pan.baidu.com_s_1VuLsbS2d8YNdBSZB-MvGZw]  
取货码  
ckyl

#### 2.2 配置node环境变量 ####

系统变量Path中配置这两个属性  
![在这里插入图片描述][20200717141904322.png]

#### 2.3 安装node依赖 ####

npm i npm-i

### 3. 运行 ###

启动两个terminal,  
一个运行npm run dev  
一个运行npm run server  
然后浏览器操作：http://localhost:9002(个人配置)

[https_pan.baidu.com_s_1VuLsbS2d8YNdBSZB-MvGZw]: https://pan.baidu.com/s/1VuLsbS2d8YNdBSZB-MvGZw
[20200717141904322.png]: /images/20230209/7c16e6464ec147fabc9f27cbc938cc67.png

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关 springboot 项目打包运行

从git上下载一个springboot 项目要如何打包运行 1. 安装java环境，网上就有教程，注意一点是java9 没有jre 所以如果安装java9 运行该项目可

r囧r小猫/ 2023年08月17日 17:46/ 0 赞/ 235 阅读

相关前端vue项目打包,后端maven项目打包

前端vue直接在VScode里输入命令 ![在这里插入图片描述][20200512161417549.png] npm run build 前端会多出来这样

素颜马尾好姑娘i/ 2023年03月13日 06:40/ 0 赞/ 126 阅读

相关 react项目前端打包运行

1.修改baseUrl 添加本地测试baseUrl console.log($NODE_ENV); // console.log(process.env

左手的ㄟ右手/ 2023年02月27日 12:08/ 0 赞/ 7 阅读

相关 SpringBoot项目打包运行

JAR 项目打包使用spring-boot-maven-plugin插件可以创建一个可执行的jar应用程序，前提是应用程序的parent为spring-boot-

红太狼/ 2022年11月12日 09:52/ 0 赞/ 252 阅读

相关 React打包运行

项目打包运行 npm run build //生成打包文件 npm install -g serve //全局下载服务器包 serve buil

一时失言乱红尘/ 2022年10月18日 11:27/ 0 赞/ 203 阅读

相关 spring boot项目打包运行

如果项目是使用Maven工具管理的则之间使用maven打包。 Maven打包： cd 项目跟目录（和pom.xml同级） mvn clean package

Love The Way You Lie/ 2022年05月30日 01:39/ 0 赞/ 226 阅读

相关 SpringBoot中打包运行项目

(一)引入打包插件在pom.xml中引入打包插件并配置打吧jar文件  <packaging>jar</packagi

今天药忘吃喽~/ 2022年02月12日 11:11/ 0 赞/ 497 阅读

相关 React教程之create-react-app+webpack打包运行项目(react-webpack-starter)

Why Webpack？兼容 CommonJS & AMD & ES6 模組規範 Bundle 效率高 JS 擴充語法的編譯自動化 (JSX, Cof

朱雀/ 2022年01月15日 00:47/ 0 赞/ 925 阅读

相关 jenkins打包前端项目

jenkins部署vue项目准备工作 1.插件管理安装插件nodejs ![image.png][] 2.全局工具配置在全局工具配置中找到N

ゞ浴缸里的玫瑰/ 2021年11月24日 01:46/ 0 赞/ 389 阅读

相关 react项目打包编译

最近有个项目需要用到react做一个前端界面，在网上搜索了一些关于react相关的知识，感觉比较多、而且零散。我虽然是一个后端开发工程师，但之前接触过一些界面开发，比如：jsp

浅浅的花香味﹌/ 2021年08月30日 14:04/ 0 赞/ 531 阅读