Ubuntu 使用nginx部署agular项目

 我的front-end是用的webpack，就直接执行的npm run build打包。

完成之后就可以\target\classes\static找到 ，直接把整个static上传到需要部署的地方就可以了。

当然这个打包output路径也是angular.json配置好了的

sudo apt update
sudo apt install nginx

安装完成之后查看一下状态

sudo systemctl status nginx

接下来新建项目配置文件，这个your_project就改成你的需要的名字

sudo nano /etc/nginx/sites-available/your_project 

 然后修改配置，修改需要发布的端口，修改你项目打包好的地址，然后我还配置了一个代理,/api开头的都会被代理到5000端口。

server {
    listen 9001;
    server_name 0.0.0.0;
 
    root /home/deploy-user/project_code/target/classes/static;  # 这里指定了你的项目文件所在的目录
    index index.html index.htm;  # 默认索引文件
 
    # 其他配置...
 
    location /api {
        proxy_pass http://localhost:5000;
    }
 
    location / {
        try_files $uri $uri/ /index.html;
    } #解决刷新子路由报错404
 
    # 其他location块...
}

创建符号链接以启用配置 

sudo ln -s /etc/nginx/sites-available/your_project /etc/nginx/sites-enabled/  

 然后执行检查配置是否正确

sudo nginx -t

看到这个就说明没问题了 

然后就可以重启nginx了 

sudo systemctl reload nginx  

然后就去浏览器访问你的ip+port就行了