使用vue-cli快速搭建vue项目

2017-07-25  本文已影响69人  静皂蓝本

参考:vue-cli

1.npm run dev

执行这条命令后,在浏览器输入localhost:8080,即可看到欢迎页面:

欢迎页面

2.npm run build

执行这条命令后,会生成静态文件,在根目录的dist里,里面有个index.html,这是我们可以再服务器的指定路径访问欢迎页面了,但是build之前需要将config文件下的index.js中build对象里的assetsPublicPath: '/'改成assetsPublicPath: './'(加一个.),这样build之后,打开dist文件中的index.html才能正常访问。

config/index.js

3.开发环境切勿修改 assetsPublicPath: '/'

上一条为了在生产环境看到页面,我们修改了config下的index.js中的assetsPublicPath,但如果是在开发环境,一定不要加上那个点,否则会导致路由报错看不到页面。

404
上一篇 下一篇

猜你喜欢

热点阅读