首页 > 其他分享 >前端react项目打包过程记录

前端react项目打包过程记录

时间:2023-01-05 16:11:55浏览次数:67  
标签:hostname 前端 XXX serve react build 打包

前端react项目打包过程记录

1.打包命令

npm run build

得到打包后的build文件夹,压缩build文件

2.使用serve来运行发布版本

该步骤可忽略

npm instll -g serve

serve -s build

3.将打包好的文件传入服务器

使用finalShell连接远程服务器

将build文件放入服务器中

解压文件 unzip build.zip

遇到的问题

react项目打包部署上线完毕后,刷新报错404

问题描述:路由本地跳转正常,打包后运行出现路由无法正常跳转的问题

http://wjhsh.net/duxingdexin-p-10129476.html

新建文件hostname.js

// export const hostname = ''
export const hostname = 'http://XXX.XXX.XXX.XXX:9999'
axios.get(hostname+'/manger/getAllStudentInfo',{})

标签:hostname,前端,XXX,serve,react,build,打包
From: https://www.cnblogs.com/qinghuanjing/p/17027869.html

相关文章

  • 前端调试工具(ionic)
    一、调试工具介绍1、firefox插件WebDeveloper1.1.6(最新版本,中文版)主要用于html、css、js的查看和编辑;推荐指数:Firefox上开发和调试web站点的不二之选。Webdeveloper......
  • react 收集表单数据 react-hook-form
    importReactfrom'react'importReactDOMfrom'react-dom'import{useForm}from'react-hook-form'functionApp(){const{register,handleSubmit,error......
  • Assetbundle打包及加载入门详解(三)
                 主要讲Assetbundle的网络加载方式之前所讲的都是AssetBundle.LoadFromFile的方法,这是直接从硬盘上加载,而且属于同步加载。WWW.LoadF......
  • Assetbundle打包及加载入门详解(二)
    接着上篇,本节写如何更加科学的打包,以及打包中的一些依赖关系。科学打包:一般来说会把物体打成一个assetbundle包,把材质打成另个包,然后在加载的时候都加载出来。当然如果是有......
  • Assetbundle打包及加载入门详解(一)
    Assetbundle是unity的一种加载方式。这种加载可以从互联网上或者本地的文件夹中加载。要求被加载的文件必须是Assetbundle定义的格式首先制作Assetbundle:在project的Editor......
  • uni-app 打包H5时,访问index.html页面白屏报错net::ERR_ABORTED 404
    uni-app打包H5后,访问index.html页面,页面却是白屏,Console控制台报错404,报错图如下:    原因:  解决方法:  配置文件manifest.json文件中H5配置里面,一开始......
  • 【前端】最全Header
    header_k_op:[{label:'Accept',value:'Accept'},{label:'Accept-Charset',value:'Accept-Charset'},{label:'Accept-Encoding',value:'Accept-En......
  • 2023.01.05 - 关于前端在线代码编辑工具的试错总结
    很牛的一件事就是推荐的这几款软件虽然很多都是国外的,但是都可以在国内使用,非常nice!当然我推荐的标准就是哪个适合白嫖党,毕竟我们不太想花8$一个月的价钱去订阅分享代码......
  • 校招前端一面必会vue面试题指南
    写过自定义指令吗?原理是什么回答范例Vue有一组默认指令,比如v-model或v-for,同时Vue也允许用户注册自定义指令来扩展Vue能力自定义指令主要完成一些可复用低层级DOM操......
  • React的useLayoutEffect和useEffect执行时机有什么不同
    我们先看下React官方文档对这两个hook的介绍,建立个整体认识useEffect(create,deps):该Hook接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内(这......