Nginx服务器部署步骤如下:
安装Nginx
sudo apt update
sudo apt install nginx
sudo yum install epel-release
sudo yum install nginx
nginx.exe
启动。http://服务器IP
,看到Nginx欢迎页面即成功。配置Nginx
/etc/nginx/nginx.conf
或/etc/nginx/sites-available/
下新建配置文件。conf/nginx.conf
。server {
listen 80;
server_name example.com;
root /var/www/html; # 前端项目根目录
index index.html;
location / {
try_files $uri $uri/ /index.html; # 解决SPA路由刷新404
}
}
部署前端文件
npm run build # 生成dist/build目录
scp -r dist/* user@服务器IP:/var/www/html
。启动与测试
sudo systemctl restart nginx
。nginx -s reload
。http://example.com
,确认页面正常加载。进阶配置(可选)
proxy_pass
将请求转发到后端服务。expires
指令设置缓存时间。注意事项:
/var/www/html
目录权限正确(chmod -R 755
)。参考资料: