Vue 项目打包上传服务器

最新推荐文章于 2024-05-05 22:56:56 发布

fuf_xyxnxss

最新推荐文章于 2024-05-05 22:56:56 发布

阅读量927

点赞数 1

文章标签： vue 项目打包 npm 上传服务器域名

本文链接：https://blog.csdn.net/fufu_dclt/article/details/105137561

版权

在 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>