使用nuxt项目总结

现在下午三点,电脑太卡,项目根本运行不起来。
初次接触vue是在上一家公司,做的是SPA单页面应用。习惯的模式是前后端分离。
最近入职的新的公司,说技术采用nuxt渲染,自己就着手简单准备了一下,开始了征程。
之前的团队,因为做的是一个产品,用之前的老大的话说就是做一个自己的产品。团队分工还是很明确的,说实话没有单独配置过项目,初次尝试还是很心酸的
入职后,简单学习了一下nuxt的知识,接着就是接手公司的项目,初期是想借助项目框架,修改项目。当我改到一半的时候,发现真的不如自己去写去配置新项目了。这是很深的一个教训。
另外,技术上说是采用nuxt,我在修改项目的时候,并没有将其配置到项目中,想着等完成了项目的基本规模,在添加也不迟。问题来了,当我开始添加nuxt时,使用的命令是$ vue init nuxt-community/starter-template
瞬间项目的配置项,全部初始化了,幸亏使用了git,进行了滚回操作。保住了大部分的项目配置,但还是需要移植项目,瞬间感觉自己已经被打入冷宫了,电脑那么卡,要用很长时间配置……
没办法,天将降大任于斯人,开始慢慢征途的项目调整
新创建一个空白项目
创建各个需要的文件,基本跑起来。
遇到太多的问题了,原因就是并不知道要配置那些东西,黑暗中摸索着前进。使用那个插件的时候,按照插件使用说明是需要更改webpack.config的配置,但是,请注意使用nuxt之后,配置要在nuxt.config.js中修改,修改插件在build中增加plugins配置项。书写如下:
plugins: [
new webpack.ProvidePlugin({
$: "vue-echarts-v3"
})
]

比较难的是端口的配置。
在项目里面要求使用baas进行处理,卡了我很久。
加入server.js文件。
在组件中请求数据时,this对象就没有了,直接使用asyncData({app}){}进行数据的请求,数据需要后端渲染。

猜你喜欢

转载自blog.csdn.net/qq_24122593/article/details/80020423
今日推荐