如何将Vue与Node(Express)结合实现前后端分离的长尾词开发?
- 内容介绍
- 文章标签
- 相关推荐
本文共计602个文字,预计阅读时间需要3分钟。
Vue作为前端框架,Node(Express)作为后端框架。无数据库,使用端口号保存数据。+VUE: 使用vue-cli构建Vue项目(vueapp)。+npm install -g vue-cli(安装,安装过后就不再使用了)vue init webpack vueapp
vue作为前端的框架,node(express)作为后端的框架。无数据库,使用端口保存数据。 VUE:
使用vue-cli构建vue项目(vueapp)。
npm install -g vue-cli(安装,安装过的就不用了) vue init webpack vueapp
axios:(与ajax相似)
import axios from 'axios' var url="localhost:3000" //express服务器的地址 axios.get(url+'/product') //放数据的接口 .then(function (response) { //收到的数据 console.log(response); console.log(response.data); //展示数据(看看是否拿到,和数据长啥样) var nodeData=response.data; }) .catch(function (error) { console.log(error); });
axios没安装的记得装一下。
本文共计602个文字,预计阅读时间需要3分钟。
Vue作为前端框架,Node(Express)作为后端框架。无数据库,使用端口号保存数据。+VUE: 使用vue-cli构建Vue项目(vueapp)。+npm install -g vue-cli(安装,安装过后就不再使用了)vue init webpack vueapp
vue作为前端的框架,node(express)作为后端的框架。无数据库,使用端口保存数据。 VUE:
使用vue-cli构建vue项目(vueapp)。
npm install -g vue-cli(安装,安装过的就不用了) vue init webpack vueapp
axios:(与ajax相似)
import axios from 'axios' var url="localhost:3000" //express服务器的地址 axios.get(url+'/product') //放数据的接口 .then(function (response) { //收到的数据 console.log(response); console.log(response.data); //展示数据(看看是否拿到,和数据长啥样) var nodeData=response.data; }) .catch(function (error) { console.log(error); });
axios没安装的记得装一下。

