"api工厂" 使用手册

api接口开箱即用,云后台管理,助力前端,解放后端开发;

不懂编程也能独立开发应用,小步快跑,快速创业!

旨为更懂你!

后台前端源码如何部署

购买开通“api工厂”的增值版会员,赠送后台管理界面的前端部分的源码(基于 vue + element 框架);

如果你稍微懂点 vue 开发,你可以自行修改后台管理界面的风格,继而自行部署后台管理界面到自己的服务器;


修改接口地址


打开根目录下的 ".env.development" 文件,使用下面的接口地址:


VUE_APP_BASE_API = 'https://user.api.it120.cc'


安装依赖


和所有的 vue 项目一样,第一件事讲就是安装所有的依赖,通过下面的命令

npm install


本地运行看效果


npm run dev


浏览器会自动打开访问地址,使用你在 “api工厂” 注册的手机号码和密码进行登录即可


本地如何实现管理员账号登录


默认情况下,本地运行的项目,只能使用注册的手机账号 + 密码登录,而不能使用你在后台创建的管理员进行登录,如果你需要实现管理员登录,需要按如下步骤修改


打开文件:src/views/login/index.vue


image.png


这里不要用变量,直接写死你自己的专属域名即可。

什么是专属域名?


部署上线


npm run build:prod

运行这个命令以后,可部署的 html 文件就会被打包在  dist 文件夹下面,你只需将 dist 文件夹下的内容,传到你的服务器、云存储上就行


因为打包出来的是 html 文件,所以只要是能支持 html 静态页面访问的任何空间,都是支持部署的。


文件无法访问?404?


image.png


这种情况是因为,你没有把 dist 文件夹中的内容,传到服务器上面空间的根目录导致的。

你的地址里,多了 dist 这个路径。

Copyright © 杭州于芯科技有限公司

浙ICP备15041833号