Element

Element : 做出来的东西更美观，而且方便

安装

1.打开终端，输入

npm install element-ui@2.15.3

2.main.js 文件里引入Element

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

3.创建vue项目，根据element，输入代码

4.在App.vue中导入<element ， 回车即可

Vue路由

component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')

在index.js 文件夹中 更改 component

<router -link to ="/dept"> </router-link>

制定访问组件

<router-view></router-view>

在App.vue中输入

打包部署

执行build

前端部署在Nginx

nginx网址：https://nginx.org/en/download.html

conf: 配置文件目录

html: 静态资源文件目录

logs:日志文件目录

temp:临时文件目录

方法：

1.将打包好的dist目录文件，复制到nginx安装到html目录下

2.更改80端口号，nginx.conf中80改为90

3.浏览器中输入：http://localhost:90/