码迷,mamicode.com
首页 > 系统相关 > 详细

前端React项目部署到阿里云-linux 服务器

时间:2020-03-10 16:03:11      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:creat   usr   emctl   get   ase   访问公网   安装nginx   界面   重启   

React项目部署到阿里云linux 服务器

一、打包项目


本文用的是creat-react-app脚手架,首先打开项目在终端中输入npm run build。如果直接打包之后生成的打包文件只能在根目录访问,所以我们要在package.json里面加一行代码 "homepage":"."

技术图片

 

 

 

接下来进行打包npm run built会在目录下生成一个build文件夹。这样,打包阶段就完成了。

 

二、服务器环境配置

在阿里云服务器上安装nginx

//1.
wget  http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
//2.
rpm -ivh nginx-release-centos-7-0.el7.ngx.noarch.rpm
//3.
yum install nginx  
//4.开机自启动
systemctl start nginx.service  
systemctl enable nginx.service

然后访问公网ip地址测试,如果安装成功会有welcome界面。
使用FileZilla软件将上一步打包的目录传到服务器中,本文将build传到了/usr目录下。
接下来

cd /etc
cd nginx
cd conf.d
vi default.conf

  技术图片

 

 

 将location 中root后面改成你存built的路径。本文在user目录下。

技术图片

 

重启nginx服务,在浏览器中输入你的公网ip,即可看到你的react项目。

1.systemctl stop nginx

2.systemctl start nginx

 最后访问自己的公网ip就成功了

技术图片

 

前端React项目部署到阿里云-linux 服务器

标签:creat   usr   emctl   get   ase   访问公网   安装nginx   界面   重启   

原文地址:https://www.cnblogs.com/ningwuyu/p/12455738.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!