All Projects → tiodot → Vnews

tiodot / Vnews

vue ssr demo

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Vnews

Micro Frontends
micro-frontends architecture with reactjs, nodejs, express
Stars: ✭ 66 (-24.14%)
Mutual labels:  ssr
Hookrouter
The flexible, and fast router for react that is entirely based on hooks
Stars: ✭ 1,200 (+1279.31%)
Mutual labels:  ssr
Firewalltutor
自建梯子教程, 翻墙教程, 科学上网, google https://github.com/firewallTutor/firewallTutor
Stars: ✭ 83 (-4.6%)
Mutual labels:  ssr
React Universal Ssr
webpack3+router4+按需加载+webpack-dev-server热加载
Stars: ✭ 69 (-20.69%)
Mutual labels:  ssr
Free proxy ss
分享来自互联网上免费的shadowsocks(SS)/ShadowsocksR(SSR)/V2ray(vmess)代理 每15分钟更新一次,每次各分享4个临时可用代理。 及时订阅、及时更新。
Stars: ✭ 72 (-17.24%)
Mutual labels:  ssr
Mern
🎉 This is boilerplate for MERN stack with integrations like Redux and SSR 🎉
Stars: ✭ 77 (-11.49%)
Mutual labels:  ssr
Funbook Old
I have a dream, to be a novelist someday.
Stars: ✭ 65 (-25.29%)
Mutual labels:  ssr
Vue Cli3 Ssr Project
基于 VUE CLI3 SSR 工程化项目
Stars: ✭ 86 (-1.15%)
Mutual labels:  ssr
Preact Cli Ssr
A quick demo for adding SSR to a Preact CLI app
Stars: ✭ 76 (-12.64%)
Mutual labels:  ssr
Vue Ssr
基于vue-ssr搭建的一套node服务端渲染工作流
Stars: ✭ 78 (-10.34%)
Mutual labels:  ssr
Quench Vue
Simple, client-side hydration of pre-rendered Vue.js apps
Stars: ✭ 71 (-18.39%)
Mutual labels:  ssr
Aspnetcore Vue Starter
*NEW* Asp.net Core & Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By @TrilonIO
Stars: ✭ 1,182 (+1258.62%)
Mutual labels:  ssr
Ngx Lazy Load Images
Image lazy load library for Angular 2+
Stars: ✭ 77 (-11.49%)
Mutual labels:  ssr
Freessr
【暂停更新】ssr 免费节点分享,每日更新
Stars: ✭ 69 (-20.69%)
Mutual labels:  ssr
React Router Nextjs Like Data Fetching
Demonstrating React Router 4's SSR awesomeness
Stars: ✭ 84 (-3.45%)
Mutual labels:  ssr
React Universal Boiler
A bold way to begin your next great universal React application. Uses Webpack 3, React 16, Redux, and more for a great developer experience.
Stars: ✭ 65 (-25.29%)
Mutual labels:  ssr
Vue Horizontal
An ultra simple pure vue horizontal layout for modern responsive web with zero dependencies. (SPA/SSG/SSR)
Stars: ✭ 75 (-13.79%)
Mutual labels:  ssr
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-1.15%)
Mutual labels:  ssr
Preact Redux Isomorphic
preact-redux-isomorphic PWA SPA SSR best practices and libraries in under 80kB page size (for live demo click the link below)
Stars: ✭ 85 (-2.3%)
Mutual labels:  ssr
Vue Masonry Wall
A pure vue responsive masonry layout without direct dom manipulation and ssr support.
Stars: ✭ 79 (-9.2%)
Mutual labels:  ssr

使用Vue2结合ssr

功能类似vue-hackernews-2.0, 只不过内容源换成掘金网站,因而无法使用service worker的push功能。

替换思路

  1. 手动获取掘金网站的目录,接口路径是https://gold-tag-ms.juejin.im/v1/categories需要在掘金官网的控制台中查看,保存到本地文件src/config/category.js
  2. 观察掘金的获取数据列表接口为https://timeline-merger-ms.juejin.im/v1/get_entry_by_rank?src=web&limit=20&category=5562b415e4b00c57d9b94ac8,这部分配置在src/config/website.js中,如果域名更换了,修改该配置即可
  3. 为了解决跨域问题,在server.js中增加转发代理:
app.get('/v1/get_entry_by_rank', (req, res) => {
  console.log(req.url);
  axios({
      method:'get',
      url: websiteConfig.host + req.url,
      responseType:'stream'
  }).then(response => {
      // console.log(response);
      response.data.pipe(res);
  }).catch(err => {
      console.error(err);
      res.status(500).send('500 | Internal Server Error')
  });
});
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].