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