bright的博客

jenkins+gitlab自动化部署前后端详细版

一:开发者平台配置开发者中心创建应用(我这里已经有了)这里我们只需要里面那个appid 就可以了,也就是应用编号二:代码1,在index.html中加入这个 sdk, appid换成 你的应用编号: <!--appId 写上开发者--> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/zh_CN/sdk.js#xfbml=1&version=v

1,在index.html中加入这个 sdk, appid换成 你的应用编号: <!--appId 写上开发者--> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/zh_CN/sdk.js#xfbml=1&version=v3.3&appId=3356227040432352&autoLogAppEvents=1"></script&gt

一、开发者平台配置1、进入开发者平台，首先前往Google API 控制台选择或者创建一个项目谷歌开发者平台一堆眼花缭乱的API让你无从选择，但是你只要记住这次进来的目的是：社交API2.使用这个API之前还需要做一件事，那就是申请一个OAuth 2.0 客户端 ID3按照要求填写你项目的类型、名称以及来源url注：创建完成之后，页面也有一个弹窗将你申请的客户端ID已经密钥展示出来，没错这个就是一个生成的过程。4、安装vue-google-signin-buttonnpm insta

1.首先引入js-cookie库npm install js-cookie --save2.然后设置cookie值到二级域名下：export function setToken(token) { return Cookies.set("token", token, { domain: ['localhost', '127.0.0.1'].includes(document.domain) ? document.domain:".xxx.com"}现在a.xxx.com和b.xxx.com

欢迎大家进群，一起探讨学习微信公众号，每天给大家提供技术干货博主技术平台地址博主开源微服架构前后端分离技术博客项目源码地址，欢迎各位star1. 背景今年开源了一个博客系统；但其中一个项目开发完成后，遇到了大问题：由于采用的是Vue的单页面模式进行开发，网站信息搜索引擎无法做索引,导入收录只有是首页！搜索引擎无法进行索引的核心原因就是，其在爬取网站数据的时候，是不会执行其中包含的JS过程的；而采用Vue的方式开发的应用，其数据都是来源于axios或者其它的ajax方法获取的数据！也就是说

vue引入音乐播放器插件npm install @moefe/vue-aplayermain.js引入import APlayer from '@moefe/vue-aplayer'Vue.use(APlayer, { defaultCover: 'https://github.com/u3u.png', productionTip: true,});测试<aplayer :audio="audio" :lrcType="1" fixed />data()

element-ui走马灯如何实现图片自适应 长度和高度 自适应屏幕大小 没有空隙窗口第一次打开，加载了imgLoad（）方法，第一次获取图片在视口中的高度，然后渲染到页面接下来通过addEventListenner（）方法监听视口是否发生改变，如果发生改变，重新调用imgLoad()方法渲染数据到页面，这样图片高度就可以随视口改变发生改变，适应各种大小屏幕。为了使大家看的清楚，把代码贴上最后成功的效果图：不管屏幕多大，多小，都没有空隙。视口最小的时候效果视口最大的时候效果原文地址

下载安装npm i wangeditor --save配置1.在components创建一个wangEditor文件夹2.在创建index.vue 内容：<template lang="html"> <div class="editor"> <div ref="editor" class="textNeirong"> </div> </div></template>&lt

vue评论回复组件1.使用下面命令下载hbl-comment组件npm i bright-comment2、下载完成之后在项目中引入import comment from 'bright-comment'components:{ comment},3、使用 <comment></comment>4、如果没有下载element-ui的使用下面命令进行下载npm i element-ui -S5、下载完成后在main.js中引入import Ele

我的开源微服务前后端分离博客项目地址，欢迎各位star觉得不错关注下博主博主技术博客地址欢迎大家进群，一起讨论学习前言单页应用（SPA）是最近流行的一种应用模式，它支持在同一页面下通过哈希（hash）或html5的history api实现不刷新式切换视图，既实现了动态路由的变化，也实现了历史记录的保持，然而，相比于静态页面和动态页面（ASP/PHP/JSP）而言，缺点也是显而易见的，那就是对SEO不友好。不管是Vue、React还是angular等实现路由的框架，无一不是加载原始html代码

我的开源微服务前后端分离博客项目地址，欢迎各位star博主技术文档地址欢迎大家进群，一起讨论学习 夕颜博客 (个人支付+一键部署)支持Linux系统|Windows系统一键部署夕颜博客，通过Docker compose进行容器编排与管理介绍夕颜博客，一个基于微服务架构的前后端分离博客源码系统。Web端使用Vue + iView , 并且很好的适配移动端。后端使用SpringCloudAlibaba + mybatis-plus进行开发，使用 Jwt 做登录验证，使用ElasticSear

Vue发布nmp包供其他人下载1.注册地址 https://www.npmjs.com/2.注册好了之后创建一个vue项目，我这里就不演示了package.json在你项目的根目录下，相关配置如下：{ "name": "bright-comment", "version": "1.5.7", "description": "评论组件", "author": "bright", // 这里设置你要输入的文件名字 "main": "dist/bright

nginx部署前后端分离项目（最详细版）（linux系统）一. gcc 安装安装 nginx 需要先将官网下载的源码进行编译，编译依赖 gcc 环境，如果没有 gcc 环境，则需要安装：yum install gcc-c++二. PCRE pcre-devel 安装PCRE(Perl Compatible Regular Expressions) 是一个Perl库，包括 perl 兼容的正则表达式库。nginx 的 http 模块使用 pcre 来解析正则表达式，所以需要在 linux 上安装

vue实现移动端图片手指滑动安装npm install vue-touch@next --savemain.js中引入：import VueTouch from 'vue-touch'Vue.use(VueTouch, {name: 'v-touch'})<el-carousel :interval="4000" indicator-position="outside" height="840px" ref="carousel"> <el-carousel-it

mounted() { window.WIDGET = { CONFIG: { modules: "01234", background: 1, tmpColor: "FFFFFF", tmpSize: 16, cityColor: "FFFFFF", citySize: 16, aqiSize: 16, weatherIconSize: 24, ..

上一篇介绍了java对接百度翻译api需要申请appid的请看上一篇文章vue整合百度翻译，js整合百度翻译md5.jsvar MD5 = function (string) { function RotateLeft(lValue, iShiftBits) { return (lValue<<iShiftBits) | (lValue>>>(32-iShiftBits)); } function AddUnsigned

vue去掉url中的#后nginx部署问题1.前端修改router下的js文件2.修改config下的index.js3.项目打包上传到服务器npm run build4.配置nginx5.重启nginx并访问你的项目

1安装vue-i18nnpm install vue-i18n --save-dev2.语言包文件en.js//英语const en = { //切换语言 language: { ar: 'Arabic', en: 'English', es: 'Spain', pt: 'Arabic', }, //路由 router: { title: { dashb