如何将我的vitepress部署到带有基本url的azure静态web应用程序?

cxfofazt  于 2023-08-07  发布在  其他
关注(0)|答案(1)|浏览(112)

现在我可以将网站部署到http:xxxxxx/index.html,但我现在想做的是将其部署到http:xxxxx/web/myapp/index.html,所以我在Vitepress中设置了base选项,使其服务于/web/myapp,它在我的本地环境中工作(npm run docs:serve将显示localhost:5173/web/myapp/index.html,但当我将应用程序部署到azure静态web应用程序时,主文件将无法找到任何css / js资源,当您尝试转到http:xxxxx/web/myapp/index.html时,它将显示404作为回报
这里是相关设置
蔚蓝色

app_location: "docs/.vitepress/dist"
skip_app_build: true

字符串
维特普雷斯

base: '/web/myapp'


现在我的猜测是,当你构建应用程序时,位置仍然是在/dist,在静态Web应用程序中,它会试图在web/myapp/assets/index.css中找到资源,因此它将无法找到相关文件,因为文件存在于/assets/index.css中。
Azure静态Web应用程序如何解决此类问题?

w3nuxt5m

w3nuxt5m1#

我也有同样的问题。以下是我如何解决的:

// .vitepress/config.js

const { BASE: base = '/' } = process.env
export default { base, outDir: `../dist/docs${base}` }

个字符
GitHub的这个问题可能会有所帮助:How can I set the base url for 2 different domains

相关问题