Service Worker を Web サイトに追加しようとしています。Express.js、Vue.js、および EJS で Node.js を使用しています。^
私のノードサーバー（index.js）は次のようになります：
const https = require('https');
const fs = require('fs');
const express = require('express');
const app = express();
const router = express.Router();
const pool = require('./mysqldb.js');
const pathView = __dirname + "/views/";
var bodyParser = require("body-parser");
const listenPort = 8010;
// Process application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: true }));
// Process application/json
app.use(bodyParser.json());
app.set('view engine', 'ejs');
app.use(express.static('public'));
app.use('/public', express.static('public'));
router.use(function (req, res, next) {
next();
});
// home
router.get('/', function (req, res) {
res.render( 'home.ejs', { msg:" > " });
});
app.use( "/", router);
// Not found
app.use("*",function(req,res){
res.setHeader('Content-Type', 'text/html');
res.status(404).send('Page introuvable !');
});
// Run server
app.listen(listenPort, function () {
console.log('Example app listening on port ' + listenPort )
});
そして、home.ejs ファイルは次のようになります。
<!DOCTYPE html>
<html lang="en">
<body>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('ServiceWorker.js').then(function(registration) {
console.log('ServiceWorker registration successful with scope: ', registration.scope);
}).catch(function(err) {
//registration failed :(
console.log('ServiceWorker registration failed: ', err);
});
}else {
console.log('No service-worker on this browser');}
</script>
</body>
</html>
httpsでテストしていることに言及する必要があります。ServiceWorker.js の内容はそれほど重要ではないと思いますが、必要であれば投稿することもできます。サーバー ファイル スキームは次のようになります。
index.js
mysqldb.js
public //(folder)
views /*(folder)*/ : home.ejs , ServiceWorker.js
https で Web サイトを開くと、Web コンソールに次のエラーが表示されます。
ServiceWorker registration failed: TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.