vuethink安裝部署

下載安裝

下載vuethink，git clone https://github.com/honraytech/VueThink.git，下載好後能夠看到VueThink目錄中有frontEnd和php，frontEnd是vue-cli腳手架搭建的前端模塊，php裏面是thinkphp5框架

本地域名

DocumentRoot "E:\wamp\www\VueThink"
ServerName vt.com

後端配置

新建一個數據庫，將php下的install.sql導進新建的數據庫，而後配置php下的config/database.php;配好後打開瀏覽器訪問http://vt.com/php/，若是看到‘vuethink接口’的字樣就是成功了

前端配置

打開frontEnd/src/main.js

// 將HOST改爲後臺地址
axios.defaults.baseURL = 'http://vt.com/php/index.php'
window.HOST = 'http://vt.com/php/index.php'

---

配置完後在frontEnd中npm run dev運行開發版(localhost:8080或者vt.com:8080)，npm run build打包發佈版，將build生成的dist下的static目錄和index.html拷貝至VueThink目錄下,在瀏覽器輸入vt.com就能夠訪問了

其它問題

• eslint報錯

你可能遇到eslint的瘋狂報錯，打開frontEnd/build/webpack.base.conf.js,將eslint配置註釋掉

eslint: {
    // configFile: './.eslintrc.json'
},
module: {
    preLoaders: [
      // {
      //   test: /\.js$/,
      //   exclude: /node_modules/,
      //   loader: 'eslint'
      // },
      // {
      //   test: /\.vue$/,
      //   exclude: /node_modules/,
      //   loader: 'eslint'
      // }
    ],

• build打包後刷新not found問題

這是vue-router的history模式的問題，在VueThink下建個.htaccess文件,保存下面配置

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

若是不是Apache請查看詳細文檔，或者直接將路由模式改回默認的hash模式(若是對路由不講究的話)

const router = new VueRouter({
    mode: 'hash',
    base: __dirname,
    routes
})

最終結構

VueThink
    php    // tp5
    frontEnd    // 開發版、腳手架
    static    // 打包後的靜態資源
    index.html    // 打包後的入口文件
    .htaccess    // 配置文件