记vue迁移nuxt中遇到的问题(慢更新,自记)

1. 图片路径static中img

templete中文件路径改为~/static/img/xxx.png

style中文件路劲改为/img/xxx.png

2. 怎么引入封装的axios文件

vue在main.js中引入并定义


main.js

nuxt是新建在plugins文件夹中新建文件api.js


plugins/api.js

并在nuxt.config.js里引入


nuxt.config.js

3. 路由

vue是在router/index.js中定义路由


nuxt是根据pages中目录自动生成路由

???怎么摆放文件位置才能生成自己想要的路由


pages

4, vuex

vue新建store/index.js

nuxt自带vuex ,  在store新建index.js

写法同vue


5. localStorage等window对象

vue正常

nuxt服务器端渲染,所以created时还没有window对象,需要在mounted中才能用window对象

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

推荐阅读更多精彩内容