神刀安全网

Vue 知乎日报又又又来了,一样的配方不一样的味道


项目地址

  • GitHub
  • Demo 建议在手机或浏览器F12打开手机模式下浏览

简介

  • 学习Vue.js蛮久的了, 也看了不少别人写的知乎日报, 干脆自己也拿日报练练手, 该项目使用vue-cli构建、打包, 配合vue全家桶(vue、vuex、vue-router)进行编码、使用axios进行资源请求

  • api使用node.js进行二次封装解决跨域问题, node使用Heroku进行部署, node代码如下

    var express = require( 'express' ); var superagent = require( 'superagent' ); var app = express(); app.get( '/get', function ( req, res, next ) {   var api = req.query.api;   superagent.get( 'http://news-at.zhihu.com/api' + api )       .end( function ( err, sres ) {           if ( err ) {               res.send( "☺" );               return;           }           res.header( "Access-Control-Allow-Origin", "*" );           res.send( sres.text );       } ); } ); app.listen( 5000, function () {   console.log( 'app is listening at port 5000' ); } );
  • 使用sketch设计页面, 向着简约的方向做了一版

  • 图片盗链问题使用以下meta标签解决

    <meta name="referrer" content="never">

预览

Vue 知乎日报又又又来了,一样的配方不一样的味道

预览

运行方法

npm install npm run dev

代码可能还有瑕疵,欢迎大家到我的GitHub反馈,相互交流学习😄

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » Vue 知乎日报又又又来了,一样的配方不一样的味道

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址