10.课时105-幼教平台：前台页面路由配置(上)

配置前端路由和配置后端路由一样，使用render方法，填入后端页面路径即可。注意是在app/index.js中进行配置，截图如下：

配置完成之后，重启服务器 npm run dev,浏览器中输入地址：

说明前端路由配置正确。但是每次修改之后，我们都需要重新运行npm run dev命令，比较繁琐，那么我们可以使用nodemon工具，来实现代码的实时更新

1. Nodemon的安装命令 npm install -g nodemon
   进入项目根目录，打开控制台，执行命令 npm install -g nodemon
   
   显示版本号，说明安装成功

2. 那么如何使用，我们需要修改配置文件 package.json
   
   将 “dev”:”node main.js”改成”dev”:”nodemon main.js”。之前我们是用node来启动的，现在我们使用nodemon来启动。Nodemon帮住我们自动启动修改之后工程，修改之后
   

3. 重新运行 npm run dev ,可以看到我们现在实现了使用nodemon重启服务
   

4. 当前之前访问localhost:3040是空页面，我们需要配置，使其默认访问到前端主页面
   
   在routers/index.js下面配置默认访问页面，配置方法如下
   
   现在在浏览器中直接输入localhost:3000,会重定向到前端主页面了。而且nodemon为我们自动启动了服务：