选择做华为网站的目的和意义,数字选用平台介绍,医疗网站专题怎样做,wordpress 根分类提示#xff1a;适用于前后端项目的部署 文章目录 前言一、打包前端文件二、下载和部署Nginx三、配置conf文件启动nginx 前言
搜索到这篇文章想必你已经对Nginx比较了解#xff0c;我也不对Nginx进行介绍赘述了#xff0c;只需要明白Nginx本身也是一个静态资源的服务器适用于前后端项目的部署 文章目录 前言一、打包前端文件二、下载和部署Nginx三、配置conf文件启动nginx 前言
搜索到这篇文章想必你已经对Nginx比较了解我也不对Nginx进行介绍赘述了只需要明白Nginx本身也是一个静态资源的服务器当只有静态资源的时候就可以使用Nginx来做服务器。下面我将直接介绍如何在Nginx部署前端文件的整个流程。 一、打包前端文件
打包前端文件打开前端包管理器使用
npm run build 打包该项目打包完成可以发现项目中多了个dist文件夹
二、下载和部署Nginx
这一步可以参考我之前写的点击这里
三、配置conf文件
这一步是重中之重打开winscp当然你有更好的也行只要支持SSH的SFTP文件传输人话就是能够支持文件上传服务器或编辑服务器文件内容打开nginx目录下的conf文件夹找到nginx.conf文件双击打开。
server {listen 80;#nginx监听端口server_name localhost;#指定了本机的域名或主机名location / {root /home/dist/;#前端应用程序的根目录index index.html;}在原有基础上http { } 内容中加入上述内容。注意这些都要一 一对应举个例子需求是在190.21.3.1服务器40端口部署前端前端文件放在home文件下
server {listen 40;#nginx监听端口server_name 190.21.3.1;#指定了本机的域名或主机名location / {root /home/dist/;#前端应用程序的根目录index index.html;}注意把前端打包后的dist放到root中路径指定文件夹下。
启动nginx
/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf启动nginx即可如果nginx已经启动可参考我上面的文章先关闭再启动或直接使用重启指令即可。
