打包Vue项目并部署到Nginx

打包Vue项目

方式一：通过在IDE开发工具的终端中，输入命令

npm run build

生成dist压缩文件包

方式二：通过Vue-UI进行项目打包

前提：Vue-Cli版本为3.0+

# 在终端输入命令 vue ui

build完成后就能够在项目里面看到dist文件夹

部署生成的dist文件夹到Nginx

编写nginx/conf/nginx.conf配置文件

server { listen 80; # server_name的值改为你的服务器域名 server_name www.baidu.com; location / { # dist压缩包在服务器的位置 root /usr/local/projects/dist; index index.html; } }