2020-11-04

vue项目的准备工作

一.接口跑起来
1.filezilla中.jar上传到云服务器
在/home下
2.创建数据库以及用户
1.在navicate里创建数据库：asset：右击-》新建数据库 字符集utf8–UTF-8-Unicode 字符编码：utf8-general-ci
创建用户briup并授予权限 ： 用户-》新建用户 -》权限-》右击-》全部授予
2.执行sql文件 有表有数据
3.运行jar包 在xshell里 永久启动 cd /home 回车 nohup java -jar jar包名 &
4.在阿里云中启动8888防火墙
访问接口http"//ip:8888/swagger-ui.html
5.测试：登录接口admin1/123321: token?
二.原型页面打开
1.修改app.js的文件
baseUrl:127.0.0.1->39.107.92.188
2.filezilla上传asset-ui到var/www/html
3.打开项目 39.107.92.188/asset-ui/index.html
三.项目框架搭建
vue技术栈：vue-element-admin/template
vue-outer
axios
element-ui
vuex
直接下载花裤衩 vue-element-admin/template

1. 新建文件夹 git clone
   2.下载依赖
   进入下载好的vue-element-admin/template 写cnpm install
   3.运行项目+修改项目
   npm run dev
   4.打包项目
   修改静态文件路径：
   vue.config.js:
   publicPath:’/’->’./’
   npm run build:prop
   dist:
   index.html