vue新增页面无法访问

出现原因：端口号8081被占用

解决办法：

1、先查看端口号，win+R打开命令提示符，输入netstat -an，出现很多端口

netstat -an

登录后复制

2、输入netstat -aon|findstr "8081" 查看

（此处我查看的端口号是8081）

netstat -aon|findstr "8081"

登录后复制

出现如图所示，8081端口被占用，且占用该程序的PID号为143132

3、接着Ctrl+Alt+Delete打开任务管理器，

4、找到PID号为143132的进程。结束进程

5、回到原vue项目中，新建终端重新运行，即可

1.安装以下模块，让webpack可以解析css文件

cnpm install style-loader --save-devcnpm install css-loader --save-devcnpm install file-loader --save-dev

2.安装elementUi模块

cnpm install element-ui@next -S

3.在webpack.base.conf.js中添加配置

{

test: /\\\\\\\\.css$/,

loader: "style!css" }, {

test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,

loader: "file" }

4.然后在 main.js 引入并注册

import Element from 'element-ui'import 'element-ui/lib/theme-default/index.css'Vue.use(Element)

vue实战（1）：准备与资料整理

vue实战（2）：初始化项目、搭建底部导航路由

vue实战（3）：底部导航显示、搭建各模块静态页面、添加登录页页面与路由

vue实战（4）：postman测试数据、封装ajax、使用vuex管理状态

vue实战（5）：总结一

vue实战（6）：异步显示数据、开发Star组件

vue实战（7）：完整开发登录页面（一）

vue实战（8）：完整开发登录页面（二）

vue实战（9）：总结二

vue实战（10）：开发店铺详情（一）

vue实战（11）：开发店铺详情（二）

vue实战（12）：完结 + 附学习视频

这一部分内容，回到之前完成的 Login.vue 页面，做逻辑之前先完成一些必要的效果。

2）判断是否可以发送验证码

3） login.vue 页调用并判断

---