项目发布问题

前端发布

最近利用react+nodejs做了一个简单的h5工程,在开发和发布的过程中遇见了一些问题，先就暂时遇见的一些问题找到了一些解决办法，在这里记录一下，以后遇见了方便查阅.前端利用react+ts开发,通过腾讯云宝塔面板进行上传发布。

当前端代码上传完毕后(前端代码也可以通过 FileZilla Client 上传),然后可以开始建站工作,如果有多个站点时，可能导致ip重复,可以先随便填写一个ip或者域名，之后在修改删除之前的可以解决这个问题。


添加好站点域名和端口号后，还需要开放端口

然后就可以在浏览器根据ip+端口号或者域名访问我们的站点了。目前站点功能很少且单一，页面上还有许多bug，后续会完善解决和增加一些功能。
域名：app
如果需要通过https访问的话，需要申请SSL证书，初次申请可能需要几天的时间。
，然后根据提示填写一些个人信息，然后等待就可以了。

线上刷新页面404问题

将 路由跳转的 BrowserRouter 模式替换为 HashRouter

接口反向代理问题

const {createProxyMiddleware} = require('http-proxy-middleware');
 
module.exports = function(app) {
  app.use('/api', createProxyMiddleware({ 
    target: 'https://xxx.xxx.com',//后台服务器地址
    changeOrigin: true,
    secure : true,
    pathRewrite: {
    '^/api': '',
    },}))
};

nginx的线上配置问题

我将node服务发布上线后，在本地访问线上接口可以拿到数据，当利用线上前端环境访问线上后端服务时，接口却404了，查找了一些资料发现是因为nginx没有配置的原因，我对nginx的操纵不太熟悉，所以花费了许多时间来进行配置了解
按照途中的面包屑指引，打开项目的nginx配置文件夹，.config文件，找到server字段，在其中加入配置代码

	location /api/{
		proxy_pass https://serve.xxx.com;//你的服务端ip或者域名
		proxy_cookie_path / /api;
		rewrite ^/api/(.*) /$1 break;
}

后端发布

后端发布时比较平滑，遇见的坑不是很多

然后根据前端站点一样绑定或者修改域名，通过域名管理进入。

数据库

腾讯宝塔面板使用mongodb数据库，直接进入软件商店搜索mongodb搜索安装然后在服务状态中开启服务。
查看数据库状态及数据可以下载robo可视化工具

先简短记录一下，后期问题在系统的进行补充。