开发之前

如果你开发的代码，需要连接自己的后端服务，请按照以下步骤进行修改：

一、连接后台配置

删除本地mock服务

HeyUI Admin 的代码是直接开启了本地Mock的，所以第一步需要将本地mock服务关闭。

请屏蔽或者删除 app.js 文件中的以下代码。

  1. // 使用mock文件， 自己开发的时候请删除
  2. require('./mock')

配置反向代理地址

如果使用 hey-cli，请打开 hey.conf.js 文件

如果使用 vue-cli，请打开 vue.config.js 文件

参考给出的示例，配置出devServer。

  1. devServer: {
  2.   proxy: {
  3.     // 此处应该配置为开发服务器的后台地址
  4.     '/api': {
  5.       target: 'http://xxx.xx.xx'
  6.     }
  7.   },
  8.   // 开启单页应用
  9.   historyApiFallback: true
  10. }

后台的服务建议是以/api为前缀。

重启启动

由于修改了hey.conf.js 或者 vue.config.js 配置文件，请重新启动服务。

二、页面加载Api控制

这个时候，重启刷新页面后，页面会一直处于loading的状态。

这是由于 HeyUI Admin 系统已经将获取用户信息以及字典的规则写好了，有可能后端还没有提供这些接口，或者接口不一致。

无后端接口

打开 app-frame.vue 文件

  1. mounted() {
  2.   this.loading = false;
  3. },

后端已经提供相关的接口

打开 app-frame.vue 文件和 request.js 文件

将对应的接口替换成后端提供的接口。

正常访问

此时，再次打开首页，页面即可以正常访问了。