用cli引接口从数据库渲染文件

1.首先在 visula studio code 中把git里的文件下载下来 （也可以自己写代码把网站数据爬下来）
2.创建数据库 引入文件中的SQL文件 （注意字符集之类的格式）
3.在文件中有 aritcle文件下的index文件里面有接口
4.创建自己的vue-cli文件 并下载 axios vue-axios 并在main.js中引入 引入后用vue.use(vueaxios,axios)声明下
5.要跨域 在创建的vue-cli文件下有个config文件里面的index.js文件proxyTable{
‘/api’: {
target: ‘http://localhost:3000‘, //目标接口域名
changeOrigin: true, //是否跨域
pathRewrite: {
‘^/api’: ‘/api’ //重写接口
}
},
}
这样配置跨域 配置完成后可以在index.html中简单的测试一下
6.在main.js中设置axios.defaults.baseURL = ‘http://localhost:8080/api’ 这样可以默认请求的就是这个地址
7.配置路由和组件配置组件跟路由的时候要分析好 结构 当组件模块中引入别的组件模块时注意局部注册