实战：node-react项目摆设到服务器(1)
https://i-blog.csdnimg.cn/blog_migrate/213d126a47151cae18cbfde5b07333f8.png⑤、远程毗连登陆即可
https://i-blog.csdnimg.cn/blog_migrate/3c77b5219b8049c71433eb623b939236.png
https://i-blog.csdnimg.cn/blog_migrate/73ae6de9d16e412b5b656d31854f87f8.png
6. 登录成功https://i-blog.csdnimg.cn/blog_migrate/62891633feefb005628b43099dca96c7.png
3、集成宝塔
①、安装
官网
安装对应版本
https://i-blog.csdnimg.cn/blog_migrate/0abf40a1723938cab83439356e1ce5b4.pnghttps://i-blog.csdnimg.cn/blog_migrate/e3a2f506464dfacce127d32edd263d92.png
②、开放宝塔端口8888
[*]安全组配置
https://i-blog.csdnimg.cn/blog_migrate/405dea601521abbcccaaecef661e4a3b.png
[*]配置规则
https://i-blog.csdnimg.cn/blog_migrate/d7b04d2d150b966377e40a962bde3b66.png
[*]手动添加
https://i-blog.csdnimg.cn/blog_migrate/b6ec6e5b8d3ba007f26e9bd59fcfa136.png
[*] 开放8888https://i-blog.csdnimg.cn/blog_migrate/af16074c139943902682f3e1b8aadd4a.pnghttps://i-blog.csdnimg.cn/blog_migrate/3720990dfe4e31339d566af24ba1caf8.png
[*] 外网可以通过IP:8888访问
如果报错服务器运行rm -f /www/server/panel/data/admin_path.pl关闭安全即可https://i-blog.csdnimg.cn/blog_migrate/b7f8bd122d68f1ed198e40c33c0b9957.png
[*]服务器通过bt命令，设置账号暗码后登录https://i-blog.csdnimg.cn/blog_migrate/c1c448f183f8c9fb3ffb597ea0f05576.png
③、注册登录宝塔
https://i-blog.csdnimg.cn/blog_migrate/2a5d456091bc7e00b00241e6f53256df.png
https://i-blog.csdnimg.cn/blog_migrate/a68526b53bf20dd719bd4eec8daf1308.png
④、软件市肆安装须要软件
https://i-blog.csdnimg.cn/blog_migrate/04dda3c557486837a8220efcfba22237.png
4、当地文件打包上传
①、背景管理体系
将react背景管理体系进行打包yarn build后，将build中的静态资源放到服务器中的public文件夹下的manager文件夹，index.html放到views中的manager中
https://i-blog.csdnimg.cn/blog_migrate/1708cb4eaa4e2d271e104fa8a9bbbd4f.png
③、app.js中路由挂载路由，设置静态资源文件夹
https://i-blog.csdnimg.cn/blog_migrate/e7f1a11ef14e2d45adbcd7e87093da2c.png
④、全部内容打包压缩
https://i-blog.csdnimg.cn/blog_migrate/223d97c571cca77392f8004668b39b93.png
⑤、宝塔网站添加站点
[*]添加网站
https://i-blog.csdnimg.cn/blog_migrate/1992834b81f73cb11c5c6cd2b747c93c.png
[*]创建网站，域名有的话写域名，没有的话写IP地址
https://i-blog.csdnimg.cn/blog_migrate/f625f5f7a9d883d27f67564126aecf14.png
[*]创建成功后文件目录下创建对应文件夹
https://i-blog.csdnimg.cn/blog_migrate/602e6b087e69cea7ac1f2dca5f73033b.png
[*]安全——端口放行
https://i-blog.csdnimg.cn/blog_migrate/f621ab31aa5c32efa4f3266cb7278c16.png
[*]将文件在上传到对应目录
https://i-blog.csdnimg.cn/blog_migrate/3e73608beb18dd14316b5226f589ecf9.png
[*]解压文件
https://i-blog.csdnimg.cn/blog_migrate/8eb36b5ca18e4e311028d9c4425df57b.png
⑥、数据库配置
[*] 将数据库转出为SQL语句，在服务器端上传
[*] https://i-blog.csdnimg.cn/blog_migrate/1ce90e2c18e8a950e3897a94dfe4a4f8.png
[*] 数据库配置——宝塔——添加数据库
https://i-blog.csdnimg.cn/blog_migrate/96160bdf3fc7d1225afe7db8b277ef69.png
4. 导入
https://i-blog.csdnimg.cn/blog_migrate/35075ad0f0864c08a0a5e99b892c82dc.png
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里不停到如今。
深知大多数前端工程师，想要提拔技能，往往是自己探索成长大概是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术故步自封！
因此网络整理了一份《2024年Web前端开辟全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提拔又不知道该从何学起的朋友，同时减轻各人的负担。
https://i-blog.csdnimg.cn/blog_migrate/fec9b964feb710c51b00b98e645ac2e1.jpeg
https://i-blog.csdnimg.cn/blog_migrate/3ecc1348d0ea010fee8119e0303964f3.png
既有得当小白学习的零基础资料，也有得当3年以上履历的小同伴深入学习提拔的进阶课程，根本涵盖了95%以上前端开辟知识点，真正体系化！
https://i-blog.csdnimg.cn/blog_migrate/8a5a1dbe4db6970a6e29f52d554b515d.png
由于文件比力大，这里只是将部分目录截图出来，每个节点内里都包罗大厂面经、学习条记、源码课本、实战项目、解说视频，并且会持续更新！
如果你以为这些内容对你有帮助，可以扫码获取！！（备注：前端）
https://i-blog.csdnimg.cn/blog_migrate/d474859f3337d543ecfdc9266997987e.jpeg 最后
本人分享一下这次字节跳动、美团、头条等大厂的口试真题涉及到的知识点，以及我个人的学习方法、学习路线等，固然也整理了一些学习文档资料出来是附赠给各人的。知识点涉及比力全面，包罗但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等
具体大厂口试题答案、学习条记、学习视频等资料领取，点击资料领取直通车
https://i-blog.csdnimg.cn/blog_migrate/b2e2fe4119a898e03ea2920cc6ef44f7.png
前端视频资料：
是附赠给各人的。知识点涉及比力全面，包罗但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等
具体大厂口试题答案、学习条记、学习视频等资料领取，点击资料领取直通车
[外链图片转存中…(img-mgHNFwLr-1712712221796)]
前端视频资料：
https://i-blog.csdnimg.cn/blog_migrate/4d87f273ea33932deba8221b27e74730.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]