前端
一个不会写code的程序猿
今天学习一小步,明天提升一大步。
展开
-
在vue项目中监听电脑网络的状态
app.vue data () { return { onLine: navigator.onLine // navigator.onLine 获取设备是否可以上网、连接网络 } }, created () { // 监听网络 // 网络由异常到正常时触发 window.addEventListener('online', this.updateOnlineStatus) // 网络由正常到异常触发 window.addEven原创 2021-09-29 10:16:37 · 1777 阅读 · 4 评论 -
vscode前端开发必备插件
HTML CSS Support HTML Snippets JavaScript (ES6) code snippets JavaScript and TypeScript Nightly Auto Close Tag Auto Rename Tag Bracket Pair Colorizer GitLens — Git supercharged vue Vetur Vue VSCode Snippets Path Intellisense Hipster Theme Mate原创 2021-09-15 13:46:49 · 237 阅读 · 0 评论 -
vue项目中解决路由重复点击报错问题
router.js中写入 import导入代码下面加入 constprototypePush=VueRouter.prototype.push VueRouter.prototype.push=functionpush(location){ returnprototypePush.call(this,location).catch(err=>err) }原创 2021-09-15 11:49:43 · 141 阅读 · 0 评论 -
vue项目中使用webSocket
项目全局封装webSocket // 引入webScoket包 import SockJs from 'sockjs-client' // 创建一个socket类并抛出 export default class Socket { constructor (param = {}) { this.param = param this.reconnectCount = 0 this.socket = null this.taskRemindInterval = null原创 2021-09-15 11:38:15 · 802 阅读 · 0 评论 -
vue项目中使用http-proxy-middleware代理解决浏览器跨域问题
使用vue脚手架搭建项目,在项目根目录中创建vue.config.js文件 // vue.config.js module.exports = { devServer: { proxy: { '/api': { target: url, // 后端接口路径 changOrigin: true, // 是否允许跨域 pathRewrite: { '^/api': '' // 路径重写 }原创 2021-09-15 11:33:59 · 465 阅读 · 0 评论