生产中的Vuejs:前缀静态路径

Question

上下文

我正在构建一个VueJS应用程序,我想将它推向生产.我使用了生成文件,npm run build并且已经将它们上传到服务器(IIS)上.

我在这台服务器上有很多其他应用程序,我无法改变它的工作原理.

这是一个假的例子来帮助我解释我的问题:

mydomain.com/app1将重定向到文件夹下的Web应用程序app1.为了添加我的VueJS项目,我创建了一个新文件夹 - 比方说vueapp- 我可以通过它访问它mydomain.com/vueapp.

问题是:vue生成的静态路径没有前缀vueapp.路径index.html不是我想要的:我得到的mydomain.com/static/**不是mydomaim.com/vueapp/static/**vue请求.

我想index.html通过一些东西告诉webpack前缀的路径,但我无法让它工作.

assetsSubDirectory

config/build.js让我们可以更改资产子目录(static默认情况下).所以我可以设置它,vueappPrefix/static但当然,这不起作用.

• 预期: mydomain.com/vueapp/vueappPrefix/static/*
• 我得到了什么: mydomain.com/vueappPrefix/static

这很明显.

当然我可以index.html手工编辑或添加脚本来完成它,但我想知道是否有更简洁的方法来做到这一点.

非常感谢.

Answer 1

改变assetsPublicPath我的作品.

在这种情况下,它是:

assetsPublicPath: '/vueapp/'