腾讯云下载app送了30天的免费试用於是有了把react项目部署到上面的想法。项目是默认生成的只是一个页面,但是这个过程中也遇到了不少麻烦与问题下面来具体梳理下:
執行完上述命令,打开本地浏览器输入localhost:3000,就能看到项目的运行效果此时是开发模式。
若使用npm run build代码会被编译到build目录。将整个应用打包发布自动试用webpack进行压缩与优化。
在项目路径下敲npm run buil,就出现了build文件夹同时终端显示这些文字:
大致意思是:已经编译好啦。build生成的這些东西要放在服务器root下可以在pakege.json里,根据绿字里的例子再重写。
比较坑的一点是腾讯云下载app设置密码时,字母+数字的组合就可以了如果非要加上?之类的字符因为是按住shift才能输入?字符
登陆时输入的密码会和设置密码不一致,造成无法登陆.....这个问题解决了好久
第一步:购买腾讯云下载app服务,不多介绍
第二步:下载filezilla点击文件---->站点管理器,登陆到云服务器上如图:
登陆好了以后,左边是本地嘚文件右边是服务器上的,选择文件夹上传就能传到服务器上了。
在服务器上也要配置一下环境的。最基本的是安装node和npm有很多教程,这里就不赘述了附上几个博文,感谢原作者的分享:
我们把build文件夹传到服务器上去之后然后在服务器的命令行里,进入build文件夹矗接敲:serve -s,就启动了这个项目外网也能访问了。
易错点: 要么进入build文件夹后敲serve -s;要么在build目录的上一级,敲serve -s build都能使得编译后的react项目正确運行。
如果在build目录的上一级敲了:serve -s,那么访问localhost:5000时会出现这样的页面:
相当于把当前目录当做服务器根目录了。
而如果在build里还敲了serve -s build,因为已经在build里了所以会出现没有build文件夹的报错:
然后输入密码,不回显注意要安装有ssh和拥有Administrator的权限才能登陆。windows下的ssh配置我用的是这個一直点下一步就行: