vue.js - 如何为子文件夹构建 vue.js

问题描述

我已经在默认网站的 IIS 中部署了 vue js 应用程序，但它没有加载资产，因为它部署在默认网站的子文件夹中。请帮我设置推荐的配置来解决这个问题。

屏幕截图可在此处获得：

图 1：错误

图 2：站点基本设置

图 3：站点高级设置

图 4：文件夹结构

标签： vue.jsiisbuild

首先，将 iis_iusrs 和 iusr 完全控制权限应用于站点文件夹。

然后打开您的 index.html 文件并设置所有 CSS 和 js 文件链接的格式，如下所示：

<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=utf-8>
<meta http-equiv=X-UA-Compatible content="IE=edge">
<meta name=viewport content="width=device-width,initial-scale=1">

<link rel=icon href=favicon.ico><title>my-vueapp</title>
<link href=css/app.7fafd6a0.css rel=preload as=style>
<link href=js/app.3ddf6310.js rel=preload as=script>
<link href=js/chunk-vendors.763c0f03.js rel=preload as=script>
<link href=css/app.7fafd6a0.css rel=stylesheet>

</head>

<body>
<noscript>
<strong>We're sorry but my-vueapp doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript><div id=app></div>
<script src=js/chunk-vendors.763c0f03.js></script>
<script src=js/app.3ddf6310.js></script>
</body>
</html>

另一个是您还需要设置徽标的链接，以便找到适当的 js 文件并更改徽标的链接：

以下是我的 iis 网站设置：