记一次简单的部署项目过程

因为有段时间打包部署一直出问题, 到后面也算是一步一步自己查阅才部署成功.

记录的话因为Vue, React的项目打包相差无几, 这里简单用一下React打包的项目吧

首先讲重点

改API中的诸如localhost的URL, 切记修改一致修改成你所部署到的服务器的外网IP地址.

因为这里React是单页面应用, 因此对node代码与多项目应用会有所不同

server.get('/index', (req, res) => {
   
	res.sendFile(__dirname + '/dist/index.html');
	// 这里用的是 express 服务器
	// dist为create-react-app 直接打包出来的目录, 未做修改文件夹名.
})

下面是处理静态文件, 这里打包自然就会生成这样的目录, 所以node代码会很简单

server.use('/static', express.static('./dist/static'));
// 看你使用情况, 也可以统一放在static