修改几个个地方（陆续记录），看起来不起眼，其实很重要的。我也是花了很长时间调试才出来的； 修改配置文件，必须cpm重新启动项目 ### 0.main.js 即vue项目的入口文件，开头部分需要引入：------------------> >[info]import "babel-polyfill" ***** ### 1.如下图所示：------------------>  【右侧箭头】想说的是，原本内容为 '/'。没有小点； 解决的问题是：**文档发布找文件路径是在当前路径下找相对路径**，否则的话会找绝对路径 具体为啥，可以百度详查； **** ### 2.如下图所示：------------------>  【此处关键】解决的问题是：**样式表里引入的背景图片原本会自动加入'static/css'。把背景图识别到了样式css的目录下加上词句后，就可以找到样式表外层目录；** >[danger] 需要注意的是：**样式表里引入的图片路径不能写绝对路劲** * * * * * ### 3.如下图所示：------------------>  【此处关键】图片中注释的一句：mode：'history'；在浏览器域名下不显示'#'，使用的是html5模式； 其实也不是问题，**但是如果和后端配合，前端的项目不在根路径（webapps下），那么就需要路由带'#'来控制了**； ****** ### 4.如下图所示：------------------>  【文件路径】但我们在页面中import，图片……需要添加文件路径的时候，写一堆“../../../”等等的路径，费半天劲，此刻不用了，只要设置了上图中的文件路径，就可以在页面中直接写"config/...文件"，开发和打包的时候，vue会自动匹配文件路径，方便又省事。 >[danger] 需要注意的是：**样式表里图片的路径必须写绝对路径(识别不了css文件里的配置路径--问题2)**一直没有找到解决之道，导致我的项目找个图片写了一堆的“../../../../” ****** ### 5.vue项目中引入jquery------------------> （1）入口文件main.js中加入 （2）base.conf.js中添加路径 （3）步骤2中，和entry同级添加入下图内容：【此处添加如果没有引入webpack】需要引入var webpack = require("webpack")  ***** ### 6..router-link-active ------------------> 路由中用到 hover，当前选中状态，vue给我们提供了一个比较直接的样式 .router-link-active。通过这个类名就可以设置选中当前的样式。这个在配置路由的时候也会影响到此处样式的问题。需要保证，有父级路由并且，不能随意变换。 ***** ### 7.配置本地ip地址------------------------->  ***** ### 8.配置本地ip地址------------------------->