开发环境采用文件协议加载页面
在默认情况下,开发环境时渲染进程均是采用:webpack-dev-server 启动,因此加载的均是:http 协议,但不排除有些业务场景, 需要使用文件协议。因此,下面会讲述如何在 dev 时候使用文件协议。
窗口配置
在窗口配置中给对应窗口配置:useFileProtocolInDev: true
。
export const windowsConfig: WindowConfig[] = [
{
name: 'main',
useFileProtocolInDev: true,
...
},
]
警告
如果设置了 useFileProtocolInDev
且配置了 loadUrl
为 http(s) 地址,则 useFileProtocolInDev
会失效。
编译配置
增加编译配置,告诉 Modern.js 在编译的时候,将路由的处理,改为 哈希路由。
在 modern.config.js
中, 将 supportHtml5History
始终设置为 false
即可。
export default defineConfig({
runtime: {
router: {
supportHtml5History: false,
},
},
}