Vue 项目上传服务器

1. 在 Vue 项目 config 配置文件夹中修改 index.js 文件 assetsPublicPath 与 productionSourceMap 的值。
   

2. 在 vue 项目文件夹根目录内运行命令创建 dist 文件包（若安装淘宝 nmp 镜像需将命令中 npm 替换为 cnpm）。

   npm run build

3. 使用 linux 命令在服务器上将 dist 文件夹压缩（可修改为项目名）后的压缩包上传并解压。

   使用命令解压压缩文件到当前目录。
   cd /home/www 进入所在目录
   unzip ad.zip 解压（ad.zip）

4. 开放项目文件夹的权限。

   chmod -R 777 项目文件夹名称

5. 配置域名。在 etc/httpd/site 文件夹中新建 index.conf 文件（可根据项目名更改 index），编辑 index.conf 文件。

   <VirtualHost *:80>
   	DocumentRoot  "/home/www/upload" 	/*upload 改成项目名*/
   	ServerName  blw.lwtlove.top 		/*改成自己的域名*/
   	ServerAlias  blw.lwtlove.top		/*改为自己的域名*/
   <Directory "/home/www/upload"> 			/*upload 改成项目名*/
   	Options  +Includes  -Indexes
   	AllowOverride All
   	Order allow,deny
   	Allow from all
   </Directory>
   </VirtualHost>
   

6. 重启 Apache
   systemctl restart httpd.service

最后就可以使用域名打开项目了。