使用View UI Plus 后字体图标不出来请求网址里面加了D盘

骆驼爱吃糖

已于 2023-09-13 18:05:48 修改

阅读量506

点赞数 3

文章标签： view ui

于 2023-09-13 17:50:36 首次发布

本文链接：https://blog.csdn.net/qq_45054820/article/details/132859657

版权

根据提示点击去后出现了这样一段话：

The request url "D:/progect001/masterInvitationTeamLeaderVersion/node_modules/view-ui-plus/dist/styles/fonts/ionicons.ttf" is outside of Vite serving allow list. - D:/progect001/masterInvitationTeamLeaderVersion/vue-project Refer to docs https://vitejs.dev/config/server-options.html#server-fs-allow for configurations and more details.

网络中显示这个错误

搜了一下这个是指请求的字体文件（ionicons.ttf）的URL位于Vite服务器的允许列表之外。Vite作为开发服务器具有一定的安全配置，以防止未经授权的访问项目目录之外的文件。

要解决这个问题，可以采取以下步骤：（下面两个是我搜到遇到这种情况解决的方法）

检查字体文件位置：确保ionicons.ttf字体文件位于你的项目目录（D:/progect001/masterInvitationTeamLeaderVersion/vue-project）内或其子目录内。如果字体文件位于项目目录之外，请将其移动到项目目录内。这个就是我错误我把这个安装到了上一层的文件夹中所以图标不显示，在自己的项目文件夹中重新进行以下操作就可以了
```
npm install view-ui-plus --save
```
更新项目配置：如果字体文件已位于项目目录内，但仍然遇到此问题，你可能需要更新Vite项目的配置以将其包含在允许列表中。

打开你的 vite.config.js（或者如果你使用TypeScript，则是vite.config.ts）文件，并添加以下配置：
```
import { defineConfig } from 'vite';

export default defineConfig({
  server: {
    fs: {
      // 允许从项目目录及其子目录中提供文件
      allow: ['D:/progect001/masterInvitationTeamLeaderVersion/vue-project'],
    },
  },
});
```
请确保将路径（D:/progect001/masterInvitationTeamLeaderVersion/vue-project）替换为你项目目录的实际路径。
重新启动Vite：在进行这些更改后，请重新启动Vite开发服务器以应用更新的配置。