beego 怎么与vue.js一起使用?

vue.js用vue-cli webpack build 后的dist/文件夹怎么与beego一起工作, 看到有一些项目直接放在views文件夹下面,不是很明白, 在controller里的tplname怎么查找对应的前端代码对应的文件?

已邀请:

robincode - 程序员

赞同来自: 小浩 yuhanle flxxyz

vue.js打包之后是纯粹的前端代码,可以直接扔到任何WEB服务器根目录或者静态文件目录就行了,WEB服务器只需要返回一个html就行了,这个html里面就是使用最新打包出来的文件,所以每个打包出来的js最好都是有hash值的,这样用户可以第一时间获取到最新的文件

tkk

赞同来自:

都用vue了,前面没有nginx做支撑吗

kggg

赞同来自:

我不是很懂VUE, vue和nginx有什么必然联系吗? 我现在是不明白怎么将beego controller里生成的数据渲染到已经打包好的vue组件。

LockingCoder - 80后

赞同来自:

我用vue+go的时候,前端vue与go只有页面动态数据的交互,数据通过在页面中用axios获取,go只提供api接口提供数据。

mahuaibo

赞同来自:

第一种: 设计上是前后分离 vue 用于前端开发 beego 用于后端Api开发

第二种: 设计上用beego MVC模式 把vue.js 用做V中的js 库使用

kggg

赞同来自:

使用vue.js分离前端, 数据通过axios与beego做通讯后, 关于用户认证的session及cookie这些功能好像不能使用了, 有什么方法吗?

Bain - 随意搬砖的。

赞同来自:

如果要做Vue的服务器端渲染的话,建议用node.js。

yuhanle

赞同来自:

Go 实现数据API,Vue 做前端页面,各自都有自己的路由。

赞同1 楼的说法

billgo - Writing Javascript Golang and Swift.

赞同来自:

你只要用 beego 来写 api 接口。 然后用 vue 来写用户界面,在 vue 里使用 ajax 的方式来从 beego 的接口里获取相关数据就好了。这两个可以部分可以完全独立开来写的。

CodeMania - 全贱工程师

赞同来自:

beego的后端只处理请求就行

kggg

赞同来自:

这几天已经慢慢摸索出来beego与vue.js做前后端分离的做法,前端的所有数据都通过ajax模式获取,vue官方推荐的是axios, 再将数据渲染到页面上。 感觉前后端分离要多做了一步前端的数据处理。

haoc7 - http://cuihao.fun

赞同来自:

学习学习

qingo - EngineerCMS

赞同来自:

1.在vue.js里,cnpm run build打包,得到dist文件夹,里面有index.html和static文件夹。 2.直接将index.html放到beego的view文件夹下,然后在beego的route里和controllers里加上路由,指向这个index.html即可访问了。 3.进入static文件夹,拷贝里面所有文件和文件夹,在来到beego的static文件夹,粘贴,有相同的,则合并文件夹。 4.输入路由,就可以访问了。

louwh

赞同来自:

关键不是build后。而是在开发时npm run dev,go取不到vue传递的参数。那位大神能接答? 项目要怎么搭建才符合前后端分离开发?

要回复问题请先登录注册