代码拉取完成,页面将自动刷新
vue create echartscreen
npm install echarts --save
后端建议用 koa 脚手架 零成本速搭服务器 省去手动配置
npm i koa-generator -g
koa2 service
cd service
npm i
koa-json 把数据转换成 json 格式
const json = require('koa-json')
const Koa = require('koa')
const app = new Koa()
app.use(json())
app.use((ctx) => {
ctx.body = { foo: 'bar' }
})
GET 请求后,输出如下内容:
{
"foo": "bar"
}
var Koa = require('koa')
var bodyParser = require('koa-bodyparser')
var app = new Koa()
app.use(bodyParser())
app.use(async (ctx) => {
// the parsed body will store in ctx.request.body
// if nothing was parsed, body will be an empty object {}
ctx.body = ctx.request.body
})
koa-static 本质就是读取静态文件,说白就是把异步读取文件 fs.readfile,包括图片等资源的步骤给封装了 所以我们可以方便的用来读取 json 文件 方便快速使用。
app.use(require('koa-static')(__dirname + '/public'))
//npm install --save koa2-cors
var Koa = require('koa')
var cors = require('koa2-cors')
var app = new Koa()
app.use(cors())
npm run start
在浏览器打开输入 http://127.0.0.1:3000/ 返回一个 html 页面 http://127.0.0.1:3000/string 返回一个字符串 http://127.0.0.1:3000/json 返回一个 json 数据
此时,可以在 public 目录放入存入 json 数据测试: http://127.0.0.1:3000/json/seller.json 目标达成
// 2. 安装前端包 并启动
cd echartscreen
npm i
npm run serve
// 3. 安装服务器包 并启动
cd service
npm i
npm run start
-->点击这里
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。