使用Vue.js蓝图时如何设置基本URL？

Question

我希望我的应用程序可以在/ myapp而不是/上运行，但是我似乎无法使它工作。

[我希望在不单独运行客户端的情况下，以jar形式运行应用程序，以及作为Spring Boot应用程序从IntelliJ运行它（同样，无需单独运行客户端）。

我已经用JHipster生成了应用程序，并且在/上工作正常]

然后我执行了以下操作：

1. 在application.yml中

   server.servlet.context-path: /myapp
   

2. 在webapp / app / router / index.ts中

export default new Router({
  mode: 'history',
  base: '/myapp/',
  routes: [
    {
现在，当运行应用程序并调用localhost：8080 / myapp时，我得到了一个错误页面，告诉您“发生了错误:-(”，我可以看到它正在尝试调用

http://localhost:8080/content/css/loading.css

http://localhost:8080/app/main.bundle.js

http://localhost:8080/app/global.bundle.js

http://localhost:8080/manifest.webapp

全都产生404。

我想念什么？

谢谢。

我希望我的应用程序可以在/ myapp而不是/上运行，但是我似乎无法使它工作。我希望当以jar形式运行应用程序时，而不是单独运行客户端时，以及...

Answer 1

您将需要在index.html中配置<base href="/" />。您可以通过在base或HtmlWebpackPlugin（webpack.common.js）中为webpack.prod.js设置code from sample app配置选项来实现。默认设置为/：

new HtmlWebpackPlugin({
  base: '/',