Vue 项目中配置 service worker
使用 vue-cli 创建项目,在配置项中选择 PWA。脚手架就会搭好基本的框架。这个时候不做任何的额外配置也是正常使用。当然,只有打包之后在线上,猜可以看到效果。根目录下新建 server.jsvar express = require('express');var app = express();const hostname = 'localhost';const port = 3838;ap
·
使用 vue-cli 创建项目,在配置项中选择 PWA。脚手架就会搭好基本的框架。
这个时候不做任何的额外配置也是正常使用。当然,只有打包之后在线上,猜可以看到效果。
根目录下新建 server.js
var express = require('express');
var app = express();
const hostname = 'localhost';
const port = 3838;
app.use(express.static('./dist'));
app.listen(port, hostname, () => {
console.log(`Server running at http://${hostname}:${port}`);
});
运行 nodemon server.js,启动这个简易的服务器
运行 yarn build,打包项目。
在浏览器中输入 localhost:3838
点击右上方的安装按钮
一个基本的配置就这么完成了。
推荐以下文章,作为理论参考:
更多推荐
已为社区贡献12条内容
所有评论(0)