Vue中调用Loopback进行增删改查

使用npm或者yarn安装axios，然后利用axios.patch,axios.delete,axios.get调用Loopback后端api进行数据的显示和增删改查

关于跨域访问的配置问题

配置vue项目下的config/index.js
如要请求的地址是localhost:3000/api/1，可以对proxyTable进行如下配置：

proxyTable: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'
        }
      }
    }

如此一来就可以用/api/1来代替localhost:3000/api/1

参考使用vue.js的proxyTable解决跨域问题

Vue连接mysql

首先使用lb datasource来创建新的数据源，随后在server/datasource中修改数据源，name一般数据源同名，user为root，host为localhost，port为mysql的端口号

将数据迁移到数据库中

查询server/model-config来查看有多少个表
随后在boot中新建migration.js进行数据迁移

'use strict';

module.exports = function enableAuthentication(server) {
  let dataSources = server.dataSources
  let db = dataSources.db

  db.autoupdate(['Note'], function (err, result) { 
      //此处将Note迁移到数据库中
    console.log('migration success')
        //迁移成功之后会在console中打印成功提示
  });
};

api复用

新建service文件夹，建立noteService.js等代码，建立Loopback接口的复用