react简书项目学习笔记39项目上线流程

最新推荐文章于 2023-02-10 14:47:29 发布
最新推荐文章于 2023-02-10 14:47:29 发布
阅读量257 收藏 1
点赞数
分类专栏： react 前端 文章标签： 项目上线
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MeiLuan_yahoho/article/details/87385134
版权
react 同时被 2 个专栏收录
43 篇文章 0 订阅
订阅专栏
前端
41 篇文章 1 订阅
订阅专栏

1.打开xampp
在这里插入图片描述
2.启动apache服务
在这里插入图片描述
3.后端的json文件放在api目录下，api目录放在xampp/htdocs下
在这里插入图片描述
这样之后通过路由
http://localhost:8080/api/json名
就可以访问到对应的文件
4.前端代码文件删除public目录下的api文件夹
运行命令npm run build
把生成的build文件夹里的文件全部粘贴到htdocs目录下
这样就相当于完成了上线，
访问Localhost:8080就访问到了

MeiLuan_yahoho
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React应用打包和部署上线（腾讯云静态网站托管）
阿棱的博客
09-11 1303
1、关于react应用的打包 这个链接已经讲的很详细了：https://www.jianshu.com/p/c14c427a6b3b（ React打包注意事项及静态文件服务搭建） 讲一下我遇到的问题：执行serve的命令，报错。serve : 无法加载文件 F:\Program Files\nodejs\node_global\serve.Exceptionps1，因为在此系统上禁止运行脚本。 解决方法：需要通过控制台执行，用vscode终端会有错误提示。 2、开通腾讯云账号，然后开通腾讯云的6块钱1年的静
慕课 简书项目 个人笔记
t85952099的博客
12-04 493
第1章 课程导学 本章主要介绍学习react的重要性，课程的知识大纲，学习前提，讲授方式及预期收获。 1-1 课程导学 React由Fackbook 2013年5月推出开源框架， 函数式编程 React 16以后的版本 -->也称React Fiber 第2章 React初探 本章主要讲解React项目的开发环境搭建，工程代码结构及React中最基础的语法内容，同时对前端组件...
React项目实战之租房app项目（十）个人中心模块&登录访问控制&项目打包部署上线
最新发布
小陈工的博客
02-10 857
到此为止，我们的项目就已经全部开发完成了，由于篇幅有限，我们只展示了一部分的业务逻辑的编写，在真实的生产环境中，还要根据公司的需求去灵活运用这些知识。
React项目从开发到上线运行全过程
weixin_43924896的博客
10-27 212
安装nodejs 使用nodejs的npm安装脚手架create-react-app 使用creat-react-app创建基础的react项目 开发 npm start运行项目 npm build打包项目（压缩和编译） 打包后的代码****部署到物理主机的web服务器上 完成
React、Vue项目上线的改善
focusdroid的博客
10-16 458
React、Vue项目上线前的那些事儿 直接使用项目中的东西进行打包 var path = require('path');//引入处理路径path模块 var htmlWebpackPlugin = require('html-webpack-plugin'); const CleanWebpackPlugin = require('clean-webpack-plugin')//
react项目 上线配置流程
qq_42099772的博客
05-31 861
react项目、阿里云服务器、nginx代理、linux，xftp跟xshell工具，用来跟远程服务器交互，xftp上传本地文件到服务器，xshell服务端命令行 服务器端，我用的Linux、ubantu，没有图形化，只有命令。 首先你要有个react项目，这个很简单，npm install -g create-react-app、create-react-app your-app-name，项目创建完成后，cd your-app-name，npm run start启动，访问http://loca
react入门实战项目-类印象笔记应用源码
08-11
上个资源记录分享了如何使用React实现一个ToDoList小Demo,通过该Demo,菜鸟们可以学会如何搭建环境，新建项目，添加组件，运行项目，简单的数据处理和交互，如何引入样式文件等内容。本篇，将记录如何使用React实现一...
React项目架构+电商项目布局及代码
07-16
React 项目架构与电商项目布局 React 框架是当前最流行的前端框架之一，对于初学者来说，如何快速上手写一个项目是一个非常重要的问题。...通过学习和实践，读者可以更容易上手写一个 React 项目。
React Native 基础学习笔记.rar
01-28
总的来说，“React Native基础学习笔记”可能涵盖以上所有内容，帮助初学者逐步掌握React Native的各个方面，从基础知识到高级特性，再到实际项目开发的实践经验。通过深入学习和实践，开发者可以充分利用React ...
简书项目笔记总结-Charles的使用
qiguoqi777的博客
04-05 190
下载安装后，tools—》add，添加网址，添加本地地址，完成。
react第一次打包上线成功，纪念一下，哈哈哈哈哈
jingtian678的博客
05-21 421
react项目后台及上线步骤
weixin_30896825的博客
12-05 346
应同学要求，本人将react项目创建后台及上线流程书写如下： 前端部分 略…… 后台部分 （注：这里的后台是用的nodejs搭建的，使用的是express框架+ejs模板） 首先通过express快速搭建后台环境 express -e 项目名 cd 项目名 npm i 有可能你的电脑里面没有全局安装express获安装了页显示不是内部命令，这时，就需要使用如下命令在命令...
React项目的打包与部署到腾讯云
u011121046的专栏
03-16 2万+
腾讯云送了30天的免费试用，于是有了把react项目部署到上面的想法。项目是默认生成的，只是一个页面，但是这个过程中也遇到了不少麻烦与问题。下面来具体梳理下： create-react-app  来自Facebook官方的零配置命令行工具。create-react-app是来自于Facebook出品的零配置命令行工具，能够帮你自动创建基于Webpack+ES6的最简易的Re
create react app 前端路由应用和部署
chuangua8063的博客
12-14 458
reactjs官方提供的create react app ，首先下载安装node.js 及npm，利用npm下载脚手架。 持久使用阿里的npm镜像命令：npm config set registry https://registry.npm.taobao.org 然后全局安装npmins...
React项目如何打包发布及遇到的坑
热门推荐
天工开物
06-29 5万+
刚开始学习react，遇到一些小问题。我使用的是create-react-app脚手架生成的项目。这个脚手架一键生成react项目，非常方便。先简单记录一下这个新建项目的过程。一、打包1、安装使用npm install -g create-react-app 122、生成新项目create-react-app my-app 12(生成的项目最好不要用驼峰式命名，否则后面生成文件提示也会让你改)３、...
React简书开发实战课程笔记——2
蚂蚁的博客
09-21 1301
笔记继续… 1、使用 react-transition-group 扩展，实现css动画 官网网址：React Transition Group 安装: npm install react-transition-group --save 1.使用CSSTransition控制单个元素执行动画： import { CSSTransition } from 'react-transition-g...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值