标签：5000 项目 部署 问题 静态 上线 整合 运行 页面

我的思路是把多个项目，统一写到一个项目里面，用路由进行链接跳转，

项目主体为一个静态页面项目，作为网站入口，页面内布置两个链接，跳向另外两个静态页面，还有一个链接，跳向一个有后端的电商后台管理系统项目，虽然有多个页面要展示，但是实际上是打算用router来做成SPA，

所以我把前端代码放到后端代码的public文件夹下，后端用express框架的中间件，可以让其运行，
然后使用pm2工具，保持该主体项目的持续运行，

理论上是没问题的，但是过程遇到了蛮多问题的，比如，

• 静态网页进去后，一刷新就找不到页面
• 另外想跳转的另外两个静态项目也找不到页面
• 有后端的那个项目，就别提了，因为我连登录页面都打不开

找了好多帖子，也没看到解决办法
我因为之前遇到过部署静态，无法显示的问题，我结合这个问题，觉得现在应该是静态文件无法跳转，就在本地做实验，把router都换成hash的，在package.json处加上homepage，在build出来的静态文件，就能打开，但是样式还是出了问题，看了一下，是因为在index.html的css引入的link标签下写了相对引用，如果不加./在有服务器的情况下，动态运行是木有问题的，但是在静态直接打开的时候，就找不到css文件， 所以要想在静态能直接打开，就要加上 ./ ， 要想动态能运行，即线上运行，不写 ./ 直接写 / 也是可以的

    <!-- 相对引用可能会出问题 ,但是相对引用可以对静态页面起作用，在没有服务器的情况下-->
    <!-- <link rel="stylesheet" href="./css/reset.css"> -->
    <link rel="stylesheet" href="/css/reset.css">

改了之后再重复部署环节的操作，确实是可以在5000端口打开，但是我发现其中的样式还是出了点问题，有些地方和在本地运行的时候不一样，还需要再看看是哪里出了问题，但是大问题已经解决了，(解决了，是因为本地的继承了antd的样式，但是线上的没有把antd的css打包)，只是我觉得hashRouter的url有点丑，有个#号，但是我暂时不知道怎么解决这个问题，应该改回去后就根本打不开了，下面是流程图

把前端代码放入public里，再传入后端代码到网站目录文件夹下

要在阿里云和宝塔两边都把端口开放，安全组的设置，因为有用到数据库，mongoDB打开27017，后端打开5000，（本地运行的前端是打开的3000，但是在此处好像没必要，因为前端是静态的一起运行在5000上了），然后pm2添加后端任务就行

最后就可以通过5000端口访问了，可以设置一个映射，然后就在80端口，直接输网站域名就行，但是在这之前要把之前的同名网站删除，然后就可以来

标签：5000,项目,部署,问题,静态,上线,整合,运行,页面
来源： https://blog.csdn.net/Voiceu/article/details/118652310

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。