end

Author: zhe-he

README.md

@@ -14,15 +14,20 @@
 ### clean   
 `npm run clean`  
 
-### how to use 	
+### 本地开发  	
 You just need to run `npm run dev`. 	
 
-### how to publish 	
+### 打包上线  
 `npm run build` 	
 
+### 本地测试  
+`npm run test`  
 
+### 特别说明  
+dist文件夹里面的文件为上线文件，其他文件均为开发文件。 
 
 ### 项目介绍    
+1. dist/ 输出/上线目录，所有被编译的文件都会输出到此目录   
 1. src/data/ 某些数据   
 1. src/libs/ 插件目录   
 1. src/modules/ 自定义模块目录 
@@ -33,8 +38,56 @@ You just need to run `npm run dev`.
 1. images/ 图片目录 
 1. images/static/ 此文件夹下 图片/目录 不会被压缩、base64处理     
 1. build/ 配置信息  
-1. dist/ 输出/上线 目录，所有被编译的文件都会输出到此目录   
 
 *截止到2017-09-21 15:54，package.json模块最新版*   
 *如果问题，请[联系我](mailto:[email protected])*    
 
+
+### history 后台配置    
+##### Apache    
+```
+<IfModule mod_rewrite.c>
+  RewriteEngine On
+  RewriteBase /
+  RewriteRule ^index\.html$ - [L]
+  RewriteCond %{REQUEST_FILENAME} !-f
+  RewriteCond %{REQUEST_FILENAME} !-d
+  RewriteRule . /index.html [L]
+</IfModule>
+```	
+
+##### nginx     
+```
+location / {
+  try_files $uri $uri/ /index.html;
+}
+```	
+##### nodejs    
+```
+const http = require('http')
+const fs = require('fs')
+const httpPort = 80
+
+http.createServer((req, res) => {
+  fs.readFile('index.htm', 'utf-8', (err, content) => {
+    if (err) {
+      console.log('We cannot open \'index.htm\' file.')
+    }
+
+    res.writeHead(200, {
+      'Content-Type': 'text/html; charset=utf-8'
+    })
+
+    res.end(content)
+  })
+}).listen(httpPort, () => {
+  console.log('Server listening on: http://localhost:%s', httpPort)
+})
+``` 	
+##### Caddy     
+```
+rewrite {
+    regexp .*
+    to {path} /
+}
+```  

build/index.js

@@ -15,7 +15,7 @@ if (process.env.NODE_ENV === 'production') {
     srcVuex = srcVuex.replace('vuex.js','vuex.min.js');
     srcVueRouter = srcVueRouter.replace('vue-router.js','vue-router.min.js');
     // common.min
-    srcEcharts = echarts.replace('echarts.js','echarts.min.js');
+    srcEcharts = srcEcharts.replace('echarts.js','echarts.min.js');
 }
 
 const cssLoader = [
@@ -45,7 +45,8 @@ module.exports = {
             {from: srcVue, to: 'js/vue.js'},
             {from: srcVuex, to: 'js/vuex.js'},
             {from: srcVueRouter, to: 'js/vue-router.js'},
-            {from: srcEcharts, to: 'js/echarts.js'}
+            {from: srcEcharts, to: 'js/echarts.js'},
+            {from: 'build/publicServer.js', to: 'server.js'}
         ]),
         new HtmlWebpackPlugin({
             filename: 'index.html',

build/publicServer.js

@@ -0,0 +1,26 @@
+/* 
+ * 此文件为模拟线上服务器，可删除
+ */
+
+const express=require('express');
+const fs = require('fs');
+var opn = require('opn');
+var port = 1111;
+var app=express();
+app.listen(port);
+app.use('/js',express.static(__dirname+'/js'));
+app.use('/images',express.static(__dirname+'/images'));
+app.use('/css',express.static(__dirname+'/css'));
+app.use('/favicon.ico',express.static(__dirname+'/favicon.ico'));
+
+app.use((req,res)=>{
+    console.log(req.url);
+    fs.readFile(__dirname+'/index.html', 'utf-8',(err,content) => {
+        if (err) {
+            content = 'We cannot open \'index.html\' file.'
+            console.log(content);
+        }
+        res.send(content);
+    });
+});
+opn('http://localhost:'+port);

package.json

@@ -9,7 +9,8 @@
     "build": "cross-env NODE_ENV=production webpack -p --config build/ --progress --colors",
     "dev": "cross-env NODE_ENV=development node build/server --4010",
     "pack": "node build/pack",
-    "clean": "node build/clean"
+    "clean": "node build/clean",
+    "test": "node dist/server"
   },
   "author": {
     "name": "zhe-he",

src/app.vue

@@ -1,11 +1,10 @@
 <template>
     <div>
-        <mz-head></mz-head>
+        <router-view name="head"></router-view>
         <keep-alive v-if="$route.meta.keepAlive">
             <router-view v-if="$route.meta.keepAlive"></router-view>
         </keep-alive>
         <router-view v-if="!$route.meta.keepAlive"></router-view>
-        <mz-foot></mz-foot>
     </div>
 </template>