egg+vue渲染页面

这几天领导让我学习egg,没办法只能恶补,但是自己看文档终究还是踩了很多坑,关键是查资料还查不到什么,所以总结一下我遇到的坑


首先view里面写页面,页面中需要用到的css,js,img文件都在public中,在controller里面按照egg的文档渲染指定页面,在router中配置路由。。。

首先第一个坑 -- 下划线:

当时在npm run dev 的之后总是报错,乱七八糟的忘记报的什么了,我是找了好久啊,后来发现,controller文件和view文件不要使用xx_xx的形式,就是不要使用下划线就是了,当时我可是找了好久,不知道是不是我这个项目个人的原因

第二个坑 -- vue 和 nunjucks 语法冲突

因为 `vue` 在和 html 中渲染默认情况下是使用 {{}} 的形式将data中的数据双向绑定在标签中,但是 `nunjucks` 模板引擎也是使用{{}}的形式将controller中的数据渲染到 js 或者 html 中,那么两种的方式是一样的就会冲突,使 `vue` 的 `data` 数据不生效,反而controller中的数据可以生效,那么这个时候我是使用了 vue 的 

delimiters: ['${', '}'],

去改变了vue的默认渲染方式才解决的冲突

第三个坑 -- post 的请求方式安全问题

在 router.js 中,如果只用post的方式,那么触发egg自身插件的安全保护机制,这个详细看文档,里面在安全那里有介绍,因为我没有用post方式,所以没有去解决


差不多暂时就遇到了这些坑,我还在研究,如果再遇到什么坑,我再补上

*** 希望文章对您有帮助

*** 您的赞赏就是我最大的动力

      

猜你喜欢

转载自blog.csdn.net/weixin_41673550/article/details/79699706