apache 部署VUE相关

最新推荐文章于 2025-04-06 22:12:57 发布

LCY133

最新推荐文章于 2025-04-06 22:12:57 发布

阅读量297

点赞数

分类专栏： web开发文章标签： apache 前端

本文链接：https://blog.youkuaiyun.com/LCY133/article/details/128502248

版权

web开发专栏收录该内容

9 篇文章

订阅专栏

Apache通过虚拟主机配置可以打开指定IP和端口的静态文件。例如配置`<VirtualHost 192.168.8.124:8080>`，设置`DocumentRoot`为文件目录，然后创建一个index.html进行测试。VUE项目可以通过`npm run build`打包成静态文件，上传到服务器，结合Apache配置，实现服务器上的文件访问。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Apache配置打开静态文件

Apache只需通过虚拟主机的方式配置静态文件的IP 和端口，可以打开端口的指定文件，比如
我们可以这样：

<virtualHost 192.168.8.124:8080>
	ServerAdmin webmaster@dummy-host.example.com
	DocumentRoot "/aips/aips-nxp-web-front"
	ServerName 192.168.8.124
	ServerAlias mingongge.com
	ErrorLog  /aips/aips-nxp-web-front/front_error.log
	CustomLog /aips/aips-nxp-web-front/front_access.log combined
</VirtualHost>

这样就可以打开DocumentRoot目录下的文件了，测试方式：
在指定文件夹创建一个index.html文件，写入一些内容，

Apache 与VUE

参考链接：
https://blog.youkuaiyun.com/gyx1549624673/article/details/103144879
https://blog.youkuaiyun.com/Marinalv/article/details/106100573
原理简述：
VUE通过npm run build可以将VUE的文件打包为静态文件，这样可以把静态文件发到服务器上，通过虚拟主机配置指定的端口和目录，就能通过Apache找到这些文件，进而实现服务器的畅通。