前端 - 使用vue2服务端渲染的时候,如何在服务端请求数据,然后给vue渲染
黄舟
黄舟 2017-04-17 15:33:24
0
7
652

使用vue2服务端渲染的web站点,它的大概流程:

  1. node服务器接受到客户端的请求

  2. 然后向其他服务器请求数据

  3. 把获取到的数据给vue渲染

  4. 把渲染后的东西返回给客户端

如有错误,欢迎指正

那么我现在疑惑的是,在2和3步骤,如何在服务端请求数据,然后给vue渲染,具体需要用到什么工具,如何实现?

提供数据的接口是常见的那种采用JSON格式的,问题相当于是,在node服务器中,如何像浏览器那样,向接口(url地址)发起请求(拉或推数据)。

我查看了vue2的官方文档并搜索了相关的资料,没有发现相关的描述。希望知道的大神给解答一下。

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

모든 응답(7)
左手右手慢动作

요청 패키지를 사용하면 쉽게 요청을 보낼 수 있습니다.

阿神

요즘 vue의 서버 측 렌더링을 연구하고 있는데, 현재 다음 두 패키지를 사용하면 nodejs가 다른 서버에서 데이터를 요청할 수 있다는 것을 발견했습니다. 저는 axios가 nodejs와 브라우저를 모두 지원한다는 것을 알았기 때문에 지금 axios를 사용하고 있습니다. 이는 vue 서버 측 렌더링에 매우 유용하므로 모든 사람에게 참고가 될 수 있기를 바랍니다. 주소는 다음과 같습니다.

요청

액시오스

巴扎黑

http://rc.vuejs.org/guide/ssr...

伊谢尔伦

vue-hackernews 버전 2.0이 데모에 포함되어 있습니다. 프런트엔드 및 백엔드 동형 프레임워크는 기본적으로 소규모 프로젝트의 요구 사항을 충족하도록 수정 및 수정될 수 있습니다.

迷茫

vue2에서 요청할 때 노드에 라우터 컨트롤러를 반복적으로 작성할 필요가 없도록 익스프레스 프록시 패키지를 사용하는 것이 좋습니다.

黄舟

공식 렌더링 계획을 보면 백엔드가 데이터와 데이터 상태를 페이지에 집어넣는 것만 볼 수 있는데, 사실상 프런트엔드가 렌더링 작업을 담당하므로 다른 백엔드도 이를 수행할 수 있습니다. 자세한 내용은 예시를 보시고 페이지에 스크립트 태그를 적어주세요 :)

Ty80

나도 vue 템플릿에 데이터를 렌더링하는 방법을 알고 싶습니다. 오랫동안 공부했는데 아직도 이해가 안 돼요~~! !

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿