由于项目不知一个,所以不得不为每一个项目建一个专有的文件夹,这就导致了在配置nginx的时候会出现二级目录
目前找到的最简单的方法
- step1:修改 vue.config.js
添加配置 baseUrl: ‘/dist/‘,
- step2:修改 router/index.js
const router = new VueRouter({ mode: ‘history‘, base: ‘/dist/‘, routes })
- step3: 配置nginx
在本地目录下,创建conf.d文件夹,里面随意创建任意文件,扩展名为.conf
我在本地目录下新建了一个conf.d文件夹,里面创建了一个test.conf文件
文件中添加如下配置(以vue项目为例):
server { listen 80; server_name localhost(域名); root E:/vue/prog/nginx-root/dist; -------nginx指向目录 autoindex on; -------------自动锁死在index.html里 index index.html index.htm; charset utf-8; location /api { proxy_pass http://反向代理的地址; } location / { try_files $uri $uri/ /index.html; -----vue官网上的配置,假设路径路由找不到的时候,默认跳转到首页index上 } }
运行start nginx 就可以啦~~~~~~~~
如果本文对您有帮助,请抬抬您的小手,点下右下角的推荐, ^-^,
当然如果看了这篇博客对您有帮助是我最开心的事,毕竟赠人玫瑰,手有余香, ^-^,
如果这篇博客没有帮助到您,那就只能说一声抱歉啦
原文地址:https://www.cnblogs.com/katydids/p/9963988.html
时间: 2024-10-10 04:13:55