# vnews

**Repository Path**: xiaoiqing/vnews

## Basic Information

- **Project Name**: vnews
- **Description**: vue 服务端渲染
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2019-02-28
- **Last Updated**: 2021-03-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 使用Vue2结合ssr

功能类似[vue-hackernews-2.0](https://github.com/vuejs/vue-hackernews-2.0), 只不过内容源换成[掘金网站](https://juejin.im/)，因而无法使用service worker的push功能。

## 替换思路
1. 手动获取掘金网站的目录，接口路径是`https://gold-tag-ms.juejin.im/v1/categories`需要在掘金官网的控制台中查看，保存到本地文件[src/config/category.js](https://github.com/tiodot/vnews/blob/master/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](https://github.com/tiodot/vnews/blob/master/src/config/website.js)中，如果域名更换了，修改该配置即可
3. 为了解决跨域问题，在[server.js](https://github.com/tiodot/vnews/blob/master/server.js#L118)中增加转发代理：
  ```
  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')
    });
});
  ```