vite项目开发环境刷新正常,打包并使用nginx部署后,刷新报错404
时间: 2024-02-01 14:02:38 浏览: 147
vite搭建three.js的开发环境
这可能是因为在部署到nginx服务器时,使用的是HTML5的history模式,而nginx服务器默认是不支持history模式的,所以需要在nginx配置文件中进行配置。
以下是一个简单的配置示例,可以尝试在nginx配置文件中添加:
```
server {
listen 80;
server_name example.com;
root /path/to/your/project;
location / {
try_files $uri $uri/ /index.html;
}
}
```
其中,`example.com`是你的域名或IP地址,`/path/to/your/project`是你的项目根目录路径,`try_files`是用于匹配请求的URL,如果请求的资源不存在,则返回`index.html`文件,这样就可以让路由正常工作了。
另外,如果你的项目使用了HTTPS协议,还需要在配置文件中添加SSL证书的相关配置。
阅读全文