vue踩坑

作者: DCrystalhaha | 来源:发表于2019-08-08 17:30 被阅读0次

⚠️用vue-cli搭建项目后使用...运算符会报错误

解决方法:npm install --save-dev babel-plugin-transform-object-rest-spread

新建.babelrc配置文件(src同级),添加以下代码

{"plugins": ["transform-object-rest-spread"]}

⚠️vue删除路由自带#

更改vue路由模式,vue路由默认hash模式(前端路由),对于访问路径有要求的可以改为history模式(可以使用history控制页面前一页等),更改需注意:

1、new一个路由中添加mode:'history';

2、服务器配置(nginx),除了root:打包文件地址外,添加:

location / {

            try_files $uri $uri/ /index.html;

        }

3、build方法中assetsPublicPath: '/'

⚠️封装树组件

利用迭代调用本身组件,注意需要填写name

相关文章

网友评论

      本文标题:vue踩坑

      本文链接:https://www.haomeiwen.com/subject/lcqfjctx.html