NuxtJS を使用して SPA を開発しました (ssr: false)。ビルド後、JavaScript ファイルと CSS ファイルのファイル パスは、dist フォルダーではなく、ドメインのルート フォルダーを基準(zhǔn)にした相対パスになります。たとえば、<script src="/_nuxt/e247009.js"></script> とすると、ブラウザでエラーがスローされます
「'url' のリソースは、MIME タイプ ("text/html") の不一致 (X-Content-Type-Options: nosniff) のためブロックされています?！?
My url css fonts-face 內(nèi)のパスにもこの問題があります。
このソリューション https://stackoverflow.com/a/61638555/8488702 を使用して、ルーター オプションを次のように設(shè)定することでエラーを解決できました。 リーリー
しかし、ここで別の問題が発生します。つまり、プロジェクト nuxt ルーターのルート ディレクトリにあるindex.html をロードすると、エラーが表示されます。
＃＃＃ページが見つかりませんでした＃＃＃
ルーターの損傷を避けるために、ルーターのオプションを変更せずにファイル パスをカスタマイズするにはどうすればよいですか?
1
0
0
OP は、target: 'static' を使用すればローカル環(huán)境で動(dòng)作できると考え、Webstorm IDE を使用してプロジェクトを?qū)g行しました。実際の靜的ファイルが生成されるため (実際に CDN でホストできる)、実稼働環(huán)境では機(jī)能しますが、最新の開発はそれほど単純ではありません。
したがって、最新の開発のすべての強(qiáng)力な機(jī)能 (HMR、ファイル ハッシュ、SASS など) をサポートするには、webpack-dev-server 組み込みローカル サーバーを?qū)g際に使用する必要があります。
#yarn dev (または npm run dev) を?qū)g行すると、Nuxt コア チームによってすでに構(gòu)成されている Webpack v4 構(gòu)成を使用してプロジェクトを動(dòng)作させることができます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
