Vue.js Vuejs Gitlab页面为空，控制台显示MIME类型不匹配，未找到css和js

我在Vuejs中创建了一个网站，它可以在我的本地浏览器上运行。我在本地构建页面并推送到gitlab here（），然后运行CI（带有文件夹：

public

）。页面为空白（），控制台显示：

The resource from “https://ayaderaghul.gitlab.io/coi6/public/static/js/vendor.d5bde172b988351183eb.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).[Learn More] coi6

Loading failed for the <script> with source “https://ayaderaghul.gitlab.io/coi6/public/static/js/vendor.d5bde172b988351183eb.js”.

（）

• 我以某种方式更改了文件

  index.html

  中的css和js路径：

  /coi6/public/static/css/…

  或

  static/css/…

---

它们都不起作用。行为是一样的。请给我更多的选择来尝试？还是要看更多的线索？或者给我解释一些我不明白的事情。谢谢，

您在

index.html

中的路径错误

您的文件可用，例如：

鉴于您在此处引用它们：

---

谢谢，现在控制台只会发出警告（而不是错误），我单击js/css链接，它会显示文件。但是页面仍然是空白的（）。你还有什么建议吗？现在gitlab页面上的一切看起来都很好，试着在开发模式下运行你的应用程序，看看vuejs

npm run build--mode dev

npm run dev

中的更多信息。在我的本地计算机上，它工作正常，只是说一个警告

（发出的值而不是错误实例）：使用v-for呈现的组件列表应具有显式键。看见https://vuejs.org/guide/list.html#key 更多信息。

正如我之前所说，gitlab页面看起来还可以，因此我建议关闭此问题，打开另一个与vuejs问题完全相关的问题。

image: alpine:latest

before_script:
  - apk add --update nodejs
  - apk add --update npm
  - npm install chalk
  - npm install each-async
  - npm install indent-string
  - npm install

pages:
  stage: deploy
  script:
    - npm run build
  artifacts:
    paths:
    - public
  only:
  - master