Vue 项目打包上传服务器

最新推荐文章于 2024-08-09 21:07:35 发布

py玛云‘

最新推荐文章于 2024-08-09 21:07:35 发布

阅读量996

点赞数

文章标签： vue.js 服务器前端

本文链接：https://blog.csdn.net/lsc021008/article/details/121332811

版权

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