手把手将ReactJS项目部署到Ubuntu

我的新书《Android App开发入门与实战》已于2020年8月由人民邮电出版社出版，欢迎购买。点击进入详情

1.构建项目

npm run build

生成build目录：

2.上传项目

将build目录上传到Ubuntu。

可以使用Xftp工具。

3.启动项目

npm install -g serve

serve -s build

注意，需要在build同级目录下运行命令。

4.访问网址

浏览器输入Network地址访问即可。

5.常见错误

5.1 import { cwd as getPwd, exit, env as env2, stdout } from "node:process";

原因：node版本过低，请升级到最新版本。

nvm install node

5.2 blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

跨域问题。

在SpringBoot后台项目的APIController里面加上如下@CrossOrigin代码：

其中origins相当于白名单，这里的值就是上面第三步中Network的地址。