【若依前端部署】Ubuntu安装nginx并配置静态资源
部署文档
完整的前端部署文档请点 这里
安装nginx
配置静态资源之前,需要先安装nginx服务器。
apt-get install nginx
启动nginx
service nginx start
其它命令:
nginx -v # 查看版本号
nginx -s stop #关闭
nginx -s reload #修改配置文件后重新加载
默认的安装目录 : /etc/nginx
打包前端资源
打包之前需要将前端接口的地址,修改为服务器的ip地址。
打包环境
npm run build:prod
可以看到,在项目的dist文件夹下,生成了相应的静态资源。
登录linux服务器,创建存放静态资源的目录。
mkdir -p /home/liankang/projects/liankang-ui
将dist文件夹下的所有文件,上传到该目录下。
修改nginx配置文件:
cd /etc/nginx
cp nginx.conf nginx.conf.bak ## 修改配置文件之前,请先备份(这是个好习惯)
在nginx.conf中添加如下内容:
worker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
server {
listen 80;
server_name localhost;
charset utf-8;
location / {
root /home/liankang/projects/liankang-ui;
try_files $uri $uri/ /index.html;
index index.html index.htm;
}
location /prod-api/{
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://10.0.0.58:8080/;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}
重启nginx:
nginx -s reload
就可以正常访问了。