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

参考: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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容