uni-app 部署 H5 到相对路径（含file协议打开）

分类：uni-app

uni_app

自 HBuilderX 2.6.6 版本开始，uni-app 支持部署 H5 到相对路径，部署到服务端或在本地（使用file协议）打开均可。

使用方式

配置 manifest.json 配置 h5->router->base 值为 "./" 部署到相对路径

注意事项

按相对路径发行时路由模式强制为hash模式，不支持history模式（两者相悖）。

10 赞关注分享

42 个评论

要回复文章请先登录或注册

3***@qq.com

明明VUE3不支持，又不说清楚

2024-11-18 22:32

德玛巴巴

```
import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import legacy from '@vitejs/plugin-legacy';

export default defineConfig({
plugins: [
uni(),
legacy({
targets: ['defaults', 'not IE 11'] //web配置=>启动HTTPS协议 (不勾选) //勾选了，本地启动项目会报错
})
]
})
```

2024-10-08 17:06

德玛巴巴

使用@vitejs/plugin-legacy，完美支持file协议打开

npm install @vitejs/plugin-legacy --save-dev

新建 vite.config.js

vite.config.js 代码↓↓↓↓↓

import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import legacy from '@vitejs/plugin-legacy';

export default defineConfig({
plugins: [
uni(),
legacy({
targets: ['defaults', 'not IE 11'] //web配置=>启动HTTPS协议 (不勾选) //勾选了，本地启动项目会报错
})
]
})

2024-10-08 17:05

2***@qq.com

一定要配置nginx吗

2024-08-22 11:36

2***@qq.com

打包后样式全部错乱是怎么回事

2024-06-28 19:22

上官钧墨

vue3项目不支持file协议，希望能解决这个bug

2024-06-15 17:00

1***@qq.com

回复 1***@qq.com ：

你解决了吗？

2024-05-06 10:13

1***@qq.com

回复 pchliang ：

你解决了吗 Access to script at 'file:///E:/Code/uniapp/tll-reminder-h5/unpackage/dist/build/web/assets/index-ccf7c3cc.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted. 我这个也是报这个错误

2024-05-06 10:11