【全栈项目上线(vue+node+mongodb)】06.nodejs服务上线(生产环境前后分离的vue项目中怎么解决跨域问题)

2017-10-31
阅读 2 分钟
4.9k
以下操作使用下面项目为案例 {代码...} ## 启动node服务 克隆好项目后记得把依赖包安装好 {代码...} 使用 node 启动node服务 {代码...} 使用pm2方式启动node 服务 {代码...} 测试 {代码...} 如果返回数据,说明node 启动正常 如果单纯访问3000端口会请求出api数据来 但是在vue项目里面请求,会产生跨域 在本地开发解决跨...

【全栈项目上线(vue+node+mongodb)】05.vue项目上线(webhooks pm2 docker 自动化上线)

2017-10-31
阅读 3 分钟
4.5k
把本地的代码打包压缩一份上传到服务器,然后解压到相应地方从GitHub拉去到相应的地方 配置git webhooks 自动化上线 配置 pm2 自动化上线 使用docker 自动化上线

【全栈项目上线(vue+node+mongodb)】04. 怎么在一台主机上面部署多个网站,详细操作指南

2017-10-31
阅读 4 分钟
4.4k
输入自己要绑定的域名,比如我现在需要绑定 itnote.cn 我在这个地方输入,然后敲回车,下面提示让你输入更多需要绑定的域名,如不需要请敲回车,

【全栈项目上线(vue+node+mongodb)】常见问题收集(持续更新)

2017-10-30
阅读 2 分钟
3.9k
sudo: unable to resolve host iZ2ze4xswj2tx5xmtq0f5pZReading package lists... DoneBuilding dependency tree Reading state information... DoneE: Unable to locate package mongodb-org

【express项目脚手架】使用生express-generator成项目,优化启动方式,每次修改代码后不需要重启

2017-10-26
阅读 1 分钟
5.4k
【express项目脚手架】使用express-generator生成express项目 用法 安装全局express命令行 {代码...} 生成项目,并且安装项目依赖的包 {代码...} 启动方式 {代码...} 访问 localhost:3000 添加git忽略文件 .gitignore {代码...} 优化启动方式,让每次修改代码后不需要重启 使用nodemon方式: nodemon 安装 {代码...} 在p...

【vuejs开发】如何在vue里面优雅的解决跨域,路由冲突问题!超详细

2017-10-25
阅读 4 分钟
154.8k
这种配置方式在一定程度上解决了跨域问题,但是会带来一些问题,比如我们的vue 路由 也命名为 goods,这时候就会产生了冲突,如果项目中接口很多,都在这里配置是很麻烦的,也容易产生路由冲突。

【vuejs插件】使用vue-infinite-scroll在vue中实现下拉加载数据,瀑布流,详细操作

2017-10-24
阅读 5 分钟
51.3k
当用户打开首页的时候显示8条数据,当用户滚动到屏幕可视区边缘的时候,然后触发一个函数,请求一个api加载新的数据,并且填充到之前的数据下面。

【vuejs插件】vue中使用图片懒加载vue-lazyload插件详细指南

2017-10-23
阅读 2 分钟
43.5k
在vue中使用图片懒加载详细指南 说明 当网络请求比较慢的时候,提前给这张图片添加一个像素比较低的占位图片,不至于堆叠在一块,或显示大片空白,让用户体验更好一点。 使用方式 使用vue的 vue-lazyload 插件插件地址: {代码...} 案例 demo: 懒加载案例demo Installation 安装方式 npm {代码...} CDN CDN: [链接] {代码...

【前端】解决访问api图片403禁止访问问题

2017-10-19
阅读 2 分钟
20k
当我们访问某些接口的时候,解决了接口跨域问题,然而又出现了图片403禁止访问问题 这种设计,是api厂商正常保证自己的服务器不被刷流量 解决这个问题的姿势 利用这个网站来处理给你返回的图片api地址https//image.weserv.nl/?url=imgurl [链接]在你的图片前面加上这个链接 使用方法:把api图片连接提取出来,使用下面方...

【vuejs路由】vuejs 路由基础入门实战操作详细指南

2017-10-18
阅读 11 分钟
9.3k
用 Vue.js + vue-router 创建单页应用,是非常简单的。使用 Vue.js ,我们已经可以通过组合组件来组成应用程序,当你要把 vue-router 添加进来,我们需要做的是,将组件(components)映射到路由(routes),然后告诉 vue-router 在哪里渲染它们。

【mac开发效率】在命令行使用vs code开发工具打开项目

2017-10-15
阅读 1 分钟
4.7k
在命令行使用命令打开项目,对于开发人员来说帮助很大,可以节约很多时间 需要环境 {代码...} 配置方式 在iterm2里面的home目录 {代码...} 在最后一行添加 {代码...} 让上面配置的命令生效 {代码...} 接下来使用方式 进入项目目录 使用 code . 就可以使用vs code 打开当前目录. 代表当前目录所有 关于我们 [链接]

【前端必备技能】不需要自己的服务器,不需要域名,搭建自己的博客hexo篇

2017-10-13
阅读 2 分钟
3.3k
对于开发人员拥有一个自己的博客,可以积累,方便以后找工作或跳槽 开始搭建 第一步 安装全局hexo hexo.io 官网安装 hexo {代码...} 第二步:初始化hexo项目 {代码...} 第三步:创建一个仓库 {代码...} {代码...} 第四步:把项目以git-page分支提交到远程仓库 {代码...} 10.png-28.6kB hexo 使用 {代码...} 可以配置hexo ...

【vuex入门系列04】 在actions里利用dispatch触发内部的actions方法,传参,改装es6解构赋值的方式操作

2017-10-12
阅读 2 分钟
8.2k
标签(空格分隔): vue 在actions里面触发内部的actions方法 {代码...} 在actions里面触发内部actions方法传参 {代码...} 可以利用es6的解构赋值的方式来操作 在这个actions里面的函数接收的context对象打印有很多方法 当我们使用这么多方法的时候可以利用es6的解构赋值的方式来操作 {代码...}

【git效率篇】在window上面的git bash 配置永久别名 快捷方式

2017-10-12
阅读 5 分钟
7.2k
配置好的别名,会对工作有很大帮助,提升很大的效率 比如平时想查看本地改了什么 {代码...} 看看本次更改了哪些文件 {代码...} 提交全部文件 {代码...} 提交本次 {代码...} 推送到master gpm 正确的配置姿势 切换到家目录 {代码...} 然后在找到.bash_profile 在这个里面写另起一行就可以写了 alias gpm='git push origin...

【vuex入门系列02】mutation接收单个参数和多个参数

2017-10-12
阅读 3 分钟
21.1k
以下操作全部放在了这个项目当中 [链接] mutation接收单个参数和多个参数 利用$store.commit 里面 写参数相当于 mutation的函数名字 {代码...} 在vuex里面接收:接收第二个参数相当于前面传过来的参数,如果多个这个就是对象,如果是一个参数,这个第二个参数payload就是前面的参数。 {代码...} 完整代码: srccomponent...

【vuex入门系列03】实战案例:利用dispatch提交actions解决异步问题

2017-10-12
阅读 3 分钟
13.7k
在/src/store/index.js 的mutations里面模拟异步发现状态是混乱的,页面改变了,而devtool工具里面的state状态不一致 如下面图片

【vuex入门系列01】实战操作加减法案例对vuex感知

2017-10-12
阅读 3 分钟
4.3k
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

前端开发者搭建自己的博客

2017-10-12
阅读 3 分钟
3.6k
【前端开发者搭建自己的博客】 标签(空格分隔): wordpress 博客开源系统 hexo ghostwordpressgithub issue 在Linux上搭建自己的博客 素材 {代码...} 开始动手 需要环境: php mysql 关于搭建环境 可以参考 php mysql环境搭建 [链接] [链接] 第一步: 下载wordpress源码 :[链接] 下载方式: 在服务器上面下载,利用xs...

【mongodb环境】在ubuntu上搭建mongodb,并且开启远程连接

2017-10-12
阅读 3 分钟
4.2k
【mongodb环境】在ubuntu上搭建mongodb,并且开启远程连接 标签(空格分隔): mongodb 参考资料mongodb 官方文档 安装mongodb 第一步:设置 public key Import the public key used by the package management system. {代码...} 第二步:添加包的源 Create a list file for MongoDB.¶ Create the /etc/apt/sources.lis...

【项目上线】 nodejs Linux 环境篇

2017-10-11
阅读 2 分钟
2.3k
安装nodejs 在ubuntu里面安装nodejs执行 apt-get install node 不起作用使用nvm 管理node 版本 点击进入nvm github地址 {代码...} 读他的readmeNode Version Manager :node 版本管理 {代码...} 正式安装 第一步:使用以下命令 {代码...} 第二步:安装后 添加环境变量 {代码...} 安装完成后可以使用 nvm 在命令行里面输...

【前端学习】mongodb 完全安装指南

2017-10-11
阅读 2 分钟
1.6k
mongodb guide 环境说明 官网网址[链接] 下载地址[链接]点击finish 结束安装 mongodb 安装完成之后在桌面上没有任何显示 环境变量里面也没有自己加上需要自己去加环境变量 我安装到了D:Program FilesMongoDBServer3.4bin 然后进入这个文件夹按住shift 右键进 在此处进入命令行如果想执行mongo 命令必须去 你安装的目录底...

【vue+nodejs+mongodb项目上线】搭建nginx mysql php nodejs mongodb环境

2017-10-11
阅读 3 分钟
3.6k
项目上线 nginx mysql php 环境篇 环境配置 环境使用阿里云服务器: {代码...} 使用xshell工具连接到服务器 {代码...} {代码...} 搭建lnmp环境 {代码...} 使用一键lnmp安装 {代码...} 对上面的命令做解释 {代码...} 执行这个命令之后: 第一步:选择数据库 没有特殊情况,选择默认的数据库就好此时想要选择默认的数据库...

【nuxtjs 指南】解决nuxtjs本地开发跨域和防止路由与api冲突问题

2017-08-23
阅读 2 分钟
28.4k
目前vue很火,大部分开发者把vue当做框架首选,然而spa是对搜素引擎很不友好,就会想到ssr,在vue社区nuxtjs完美的解决了这个问题,目前nuxt还不算太成熟,当然对于新手坑比较多,当我们确定使用了这个nuxtjs的时候,脚手架搭建好之后,就会面临一个问题,在前后分离的情况下,端口不一致,怎么解决跨域问题呢?

优雅的在一台vps(云主机)上面部署vue+mongodb+express项目 (vue+express篇)

2017-08-22
阅读 3 分钟
15.7k
本地开发基于vue cli 端口是 8080如果请求api的时候在前缀加上localhost:3000会提示跨域问题,我们可以使用下面方式来解决这个问题

优雅的在一台vps(云主机)上面部署vue+mongodb+express项目 (mongodb篇)

2017-08-17
阅读 2 分钟
4.1k
优雅的在一台vps(云主机)上面部署mongodb 在本地开发: vue项目使用8080端口 mongodb使用是27017端口 express :3000 在本地开发时使用: {代码...} 然而上线部署的时候这些端口怎么配合调用呢,怎么配置代理? 首先安装mongodb 在服务器上安装mongodb 需要在服务器上面创建 规定的文件创建文件夹的shell命令 {代码......

使用docker优雅的部署你的nuxtjs项目

2017-07-28
阅读 2 分钟
21.4k
使用docker部署项目的好处 把所有的环境打包在一块,不再需要考虑开发环境问题。如果上线发生了错误,可以很快回滚到上一个可用的镜像,减少损失 那么我们怎么来部署呢? 可能当你尝试的时候会遇到一些问题 nuxt 是 ssr方式,不能指定静态文件根目录,我怎么配置访问的目录呢? 官网提供的启动方式,默认是127.0.0.1:300...

【nuxtjs指南】nuxt js 利用nginx反向代理如何优雅的部署

2017-07-25
阅读 3 分钟
15.4k
此时是映射到127.0.0.1:3000 此时去访问主机的外网ip是访问不到的,因为映射的是内网ip,于是有些同学就把express监听的ip去掉直接监听80端口,就可以直接用域名访问了,当然这样做最简单直接了。 一般作为开发者自己就买一台vps,土豪就不说了,当又想部署一个网站怎么办呢?

利用微信接口开发上传图片到七牛的全过程

2016-12-23
阅读 9 分钟
6.5k
1.通过微信的接口,调取手机的拍照和选取相册很方便可以设置选择几张和原图和缩略图,然后上传到微信的服务>器,返回一个media_id发送到后端,通过微信的文件媒体接口获取数据(数据token只存在两个小时),然后通过php处理成base64位数据,上传到七牛,七牛返回链接存储在本地。2.前端处理图片到七牛返回发到后端

yii 中orderBy 中加入条件查询

2016-06-21
阅读 1 分钟
14.7k
yii 中orderBy 中加入条件查询的正确姿势 有个业务需要是查询某个字段的值然后再排序,一般做法是子查询或者单独把值放在另个一字段然后查询下面是直接在orderBY里面加入条件 直接上代码 {代码...}

yii分页函数例子

2016-06-03
阅读 3 分钟
1.8k
分页的函数例子 {代码...} 注意当前页数是yii内置的,访问这个参数的时候,直接传参数page就可以! 前台代码 angular框架 {代码...}