node自己本身可以作为服务器进行驱动,但是node本身对文件的处理能力并不是很好,所以当我们的生产环境中应尽量使用nginx来处理静态的资源以及反向代理,同时也解决了node分布式以及负载均衡的相关问题。在linux下如何使用nginx部署vue项目。
第一步打包vue项目
#切换到vue项目文件夹,根据自己情况来
cd /home/www/vueweb
#打包vue项目
npm run build
打包完成之后在在vue项目文件夹的根目录下会生成一个dis文件
第二步配置nginx
server {
listen 80;#默认端口是80,根据需要更改
server_name localhost;#域名解析之后localhost修改为域名
root /home/www/vueweb/dist;#vue项目的打包后的dist
location / {
try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
index index.html index.htm;
}
#重写路由
location @router {
rewrite ^.*$ /index.html last;
}
}
第三步重启服务
service nginx restart