首先安装 nodemon ，如果是全局安装，那么所有的项目都可以使用mock服务 npm install nodemon 再安装express-mockjs npm i -D express-mockjs 接下来按照以下的步骤来 第一步 在项目根目录下建立api-interface文件，再建立一个文件夹叫mocks,这里面放json或者js都可以，然后再在mocks同级目录下建立app.js文件第二步编写app.js第三部 在mocks文件中编写一个叫test的json文件，文件中代码如下 然后写入 /*** 测试接口** @url ...
我们知道使用webpack打包vue项目后会生成一个dist文件夹，dist文件夹下有html文件和其他css、js以及图片等，那么打包后的文件该如何正确运行呢？倘若直接打开html文件，会报如下错误：那么该如何运行呢？其实可以将生成的dist文件部署到express服务器上运行。（1）、安装express-generator生成器。 npm install express-generator -g // 也可使用cnpm比较快 （2）、创建一个express项目。express expressName // expr...
前言 最近搞vue+webpack，vue的api还是比较容易懂的，每次build很复杂，这里就介绍下热启动调试吧，心累~~~ ITDogFire –sky 工具及目录 所用的到的简单工具 webstorm +vue +webpack +express，小项目都是官方down下来的。 目录介绍如下package {"name": "yx","version": "1.0.0","description": "A sample Node.js app using Express 4","main": "server.js","scripts": {"build": "webpack --config ./build/webpack.dev.conf.js...
Vue 页面的代码<label for=my_file class="theme-color"><mu-icon left value="backup"></mu-icon>修改头像 </label> <input type="file" ref="upload" name="avatar" id=my_file style="display:none;" accept="image/jpg" @change="changeAvatar" /> axios接口 let ChangeAvatar = (img) => axios({url: /user/changeavatar,method: post,anync: true,contentType: false,processData: false,data: img }) js部分调用封装的接口m...
一个vue+express 构建的后台管理系统 说明： vue+express 构建的后台管理系统,包括登录、注册、表格的增删改查 github 在线 搭建vue项目： 1.安装vue-cli脚手架 npm install -g vue-cli2.创建基于webpack模版的项目 vue init webpack my-express3.安装包依赖并运行 cd my-express npm install npm run devvue项目基于iview-admin改造的 通过应用生成器工具 express创建一个应用的骨架： 1.连接数据库 在config创建db.js var mysql ...
前端做多了，自然就会想往后端伸手。更何况现在有了Node和Express，让前端做后端开发的学习降低了不少。 最近正好揽下了一个 Vue + Express + mysql 的小项目。项目开始时是前后端分开开发的，但是当后台做好一部分要进行连接测试时问题就来了。前端部分在每次修改过就需要build一次，而后台也每次需要重启一次服务器才能进行调试。可想而知，这样的开发和调试效率是很低的。在这么煎熬着做了一个功能之后，实在受不了。于是便想有...
环境：vue 2.9.3; webpack 目的：接口的调用 跨域方式： 1、express中间的使用 2、nginx代理 3、谷歌浏览器跨域设置 --------------------------------------------分割线--------------------------------------------- express中间件---不推荐 原理：本地代码请求->express中间件（处理，添加headers后转发）->服务器 express中间件 medical本地代码文件目录 pacs#########配置接口在服务器中间件配置 medical/routes/home.js 没...
准备工作1. 为前端选择合适的预处理工具和资源管理工具预处理工具又分为 js 预处理工具和 css 预处理工具。Javascript 一直以来最为人诟病的一点就是缺乏原生的模块机制，所有 js 代码文件在被 html 页面引入后将共用同一个命名空间。所以才出现了各种“标准”尝试解决这个问题，但他们都不是原生的，需要额外的工具对代码进行特殊处理。虽然 ES6 终于引入了模块机制，但以现在的浏览器支持程度，还不足以“毫无顾虑地随拿随用”。...
- 首先确定此项目在本地能够运行成功 在本地命令行中输入npm run start，无报错，且打开127.0.0.1:3000 有写的路由为/的页面，如图此为文件层级关系 front为前端文件 xk3为后台express与数据库mysql链接的文件 用命令行进入后台并且运行，启动成功这是路径为/的页面在浏览器中输入路径http://localhost:3000/ 浏览器中显示WelCome to express 至此此项目在本地运行成功，我们现在就要放到服务器上。 - 准备工作 此前服务器的基本设...
最近在学习Vue,今天尝试了使用axios模拟本地网络请求。使用的过程中发现接口请求一直404,后来发现在当期的Vue-cli构建的最新的项目中，接口请求应该这样写。 1、引入相关依赖 var axios = require(axios) const express = require(express); var app = express(); var apiRoutes = express.Router(); app.use(/api, apiRoutes);2、处理网络请求 在之前的项目中，我们是在dev-server.js 这样处理接口访问 apiRoutes.get(/getList, f...
项目简介主要是通过做一个多人在线多房间群聊的小项目、来练手全栈技术的结合运用。项目源码：chat-vue-node 主要技术： vue2全家桶 + socket.io + node(express) + mongodb(mongoose) 环境配置： 需安装配置好 node,mongodb环境（参考：//www.gxlcms.com/article/109449.htm）; 建议安装 Robomogo 客户端来管理mongodb数据。 编译运行： 1.开启MongoDB服务，新建命令行窗口1： mongod 2.启动服务端node，新建命令行窗口2： cd se...
自己在做个vue小demo的时候，想模拟从服务器获取json数据的过程，一开始的想法是使用fetch直接获取本地的json文件，无论是install了json-loader还是把json文件放在index.html的目录下或webpck.config.js里output的目录下，但是fetch一直报找不到文件。然后决定用fetch向express服务器发送请求，由服务器返回json数据。 express服务器 先写一个简单的express服务器，只有一个接口，起到示例作用就行了。back.js如下: var express = ...
vue 简介 Vue.js（读音 /vju?/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 vue是目前最流行的前端框架，今天要介绍的是如何利用vue+webpack+express的方式进行前后端分离的开发。 1、首先用vue-cli初始化项目目录 vue init webpack pro-name cd pro-name && npm install npm run dev 看到127.0.0....
准备工作： 1.安装nodejs ---还用我教了？2.安装依赖包express4.x 点这里》》》nodeJS搭建本地服务器3.安装vue-cli脚手架 点这里》》》vue-cli构建vue项目 这里强调一下，express是后端服务器，它是一个独立的服务器，vue启动的是前端服务器，vue-cli中已经集成了一个小型的express，这两个服务器是分开放的，但是它们都是基于nodejs的。 nodeJS部分：这里我已经认为你搭建好了express服务器，并且能在浏览器中访问到1.在express目...
这两天学习了一下vue和express结合，本文记录一下vue express启动数据服务记录一下配置 build->dev.sever.js配置 var apiServer = express() var bodyParser = require(body-parser) apiServer.use(bodyParser.urlencoded({ extended: true })) apiServer.use(bodyParser.json()) var apiRouter = express.Router() var fs = require(fs) apiRouter.route(/:apiName) .all(function (req, res) {fs.readFile(./db.json, utf8, func...