azure - 如何使用基本 url 将我的 vitepress 部署到 azure 静态 Web 应用程序？

Question

现在我可以将网站部署到http:xxxxxx/index.html，但是我现在想做的是将其部署到http:xxxxx/web/myapp/index.html，所以我设置了base Vitepress 中的 选项使其在 /web/myapp 上提供服务，它在我的本地环境中工作(npm run docs:serve 将显示 localhost :5173/web/myapp/index.html，但是当我将应用程序部署到azure static web应用程序时，主文件将无法找到任何css/js资源，并且当您尝试访问http: xxxxx/web/myapp/index.html，返回会显示404

相关设置如下

azure

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

维特新闻

base: '/web/myapp'

现在我的猜测是，当您构建应用程序时，位置仍然位于 /dist，在静态 Web 应用程序中，它将尝试在 web/myapp/assets 中查找资源/index.css 因此它将无法找到相关文件，因为该文件存在于 /assets/index.css 中。

Azure静态Web应用程序如何解决此类问题？

Answer 1

我也遇到了同样的问题。这是我解决这个问题的方法:

// .vitepress/config.js

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

// package.json

"docs:dev": "vitepress dev docs",
"docs:build": "vitepress build docs",
"docs:serve": "vitepress serve docs",
"build": "pnpm docs:build && BASE='/foo/' pnpm docs:build"

来自 GitHub 的这个问题可能有帮助:How can I set the base url for 2 different domains