nginx配置vue项目多个页面

最新推荐文章于 2024-08-11 23:15:31 发布

a576837179

最新推荐文章于 2024-08-11 23:15:31 发布

阅读量1.3k

点赞数

分类专栏： Vue面试题文章标签： nginx vue

本文链接：https://blog.csdn.net/a576837179/article/details/110520599

版权

本文介绍了如何在本地配置nginx服务以支持vue项目的多个页面访问。通过下载nginx-1.18.0，打包vue项目，并将dist文件放入nginx的html目录下，然后在nginx.conf中设置路由规则，利用@router实现不同页面的切换访问，例如10.17.253.124:8806作为第一个页面，10.17.253.124:8806/odsView作为第二个页面。

摘要由CSDN通过智能技术生成

因项目要求，需要在本地起nginx服务。
先下载并解压nginx-1.18.0版本，接着npm run build打包项目，接着放在html文件夹内。配置nginx.conf，使用@router可以取到vue项目中的路由并切换访问。

server {
   
	listen 8806;
	server_name localhost;
	location / {
   
		root html;
		try_files $uri $uri/ @router;
		index index.html index.htm;
	}
	location @router{
   
		rewrite ^