-
在 Vue 项目 config 配置文件夹中修改 index.js 文件 assetsPublicPath 与 productionSourceMap 的值。
-
在 vue 项目文件夹根目录内运行命令创建 dist 文件包(若安装淘宝 nmp 镜像需将命令中 npm 替换为 cnpm)。
npm run build
-
使用 linux 命令在服务器上将 dist 文件夹压缩(可修改为项目名)后的压缩包上传并解压。
使用命令解压压缩文件到当前目录。
cd /home/www 进入所在目录
unzip ad.zip 解压(ad.zip) -
开放项目文件夹的权限。
chmod -R 777 项目文件夹名称
-
配置域名。在 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>
-
重启 Apache
systemctl restart httpd.service
最后就可以使用域名打开项目了。