vue全家桶項目教程vue小說項目器vue移動端項目，已部署到服務器可訪問預覽

原創

2019-02-06 16:34

暑假實習了幾個月辭職後，閒着無聊自己開發的一個vue小說閱讀器鏈接 http://39.96.55.152（由於域名需要備案用的是ip地址），裏面的小說接口調用的是追書神器，然後我把裏面的vip和收費章節做了處理加了個換源功能，裏面需要收費或者vip的小說都可以免費看，此項目不做商用僅供學習無需登錄無廣告。項目源碼我已經上傳到github，https://github.com/zgsnbtl/vu... 想看源碼搜索以下鏈接 覺得可以的話點個star共同進步~^_^~
技術棧
vue vue-cli3 vue-router vuex es6 webpack axios sass mint-ui nui javaScript

由於目前是實習生缺少一些經驗代碼分格可能適合一些初學者所以此項目很適合初學者和一些項目經驗少的同學學習
後續會在github更新一些難點和思路

項目一些問題解決
第三方接口跨域在本地vue-cli3腳手架中的vue.config.js中配置如下代碼
devServer: {

disableHostCheck: true,
proxy: {
  '/api': {
    target: 'http://www.api.zhuishushenqi.com',
    ws: true,
    changeOrigin: true,
    pathRewrite: {
      '^/api': ''
    }
  },
  '/content': {
    target: 'http://chapter2.zhuishushenqi.com',
    changeOrigin: true,
    ws: true,
    pathRewrite: {
      '^/content': ''
    }
  }
}

}

部署服務器使用nginx配置

location /api
{
    rewrite  ^.+api/?(.*)$ /$1 break;
    include  uwsgi_params;
    proxy_pass http://api.zhuishushenqi.com/;
}

location /content
{
    proxy_pass http://chapter2.zhuishushenqi.com/;
}

打包後路徑問題vue.config.js中配置

baseUrl: './'
項目中關於書架使用的是緩存

截圖