成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vuethink安裝部署

wangbinke / 1509人閱讀

摘要：下載安裝下載，，下載好后可以看到目錄中有和，是腳手架搭建的前端模塊，里面是框架本地域名后端配置新建一個(gè)數(shù)據(jù)庫(kù)，將下的導(dǎo)進(jìn)新建的數(shù)據(jù)庫(kù)，然后配置下的配好后打開瀏覽器訪問，如果看到接口的字樣就是成功了前端配置打開將改成后臺(tái)地址配置完后在中運(yùn)行

下載安裝

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

本地域名 
DocumentRoot "E:wampwwwVueThink"
ServerName vt.com
后端配置

新建一個(gè)數(shù)據(jù)庫(kù)，將php下的install.sql導(dǎo)進(jìn)新建的數(shù)據(jù)庫(kù)，然后配置php下的config/database.php;配好后打開瀏覽器訪問http://vt.com/php/，如果看到‘vuethink接口’的字樣就是成功了

前端配置

打開frontEnd/src/main.js

// 將HOST改成后臺(tái)地址
axios.defaults.baseURL = "http://vt.com/php/index.php"
window.HOST = "http://vt.com/php/index.php"

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

其它問題

eslint報(bào)錯(cuò)

你可能遇到eslint的瘋狂報(bào)錯(cuò)，打開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下建個(gè).htaccess文件,保存下面配置


  RewriteEngine On
  RewriteBase /
  RewriteRule ^index.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]

如果不是Apache請(qǐng)查看詳細(xì)文檔，或者直接將路由模式改回默認(rèn)的hash模式(如果對(duì)路由不講究的話)

const router = new VueRouter({
    mode: "hash",
    base: __dirname,
    routes
})
最終結(jié)構(gòu) 
VueThink
    php    // tp5
    frontEnd    // 開發(fā)版、腳手架
    static    // 打包后的靜態(tài)資源
    index.html    // 打包后的入口文件
    .htaccess    // 配置文件

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/28607.html

相關(guān)文章

  • vuethink安裝配置

    摘要：導(dǎo)入服務(wù)端根文件夾數(shù)據(jù)庫(kù)文件，數(shù)據(jù)庫(kù)內(nèi)用戶表賬號(hào)數(shù)據(jù)庫(kù)名，密碼并修改配置文件。步驟把項(xiàng)目放入任意服務(wù)器，把導(dǎo)入數(shù)據(jù)庫(kù)，進(jìn)入修改數(shù)據(jù)庫(kù)配置，主要是數(shù)據(jù)庫(kù)名，用戶名和密碼進(jìn)去目錄執(zhí)行啟動(dòng)前端。 vuethink下載地址：https://github.com/honraytech... 項(xiàng)目介紹VueThink是一套基于Vue全家桶（Vue2.x + Vue-router2.x + Vuex...

    graf 評(píng)論0 收藏0

  • 前端開源項(xiàng)目周報(bào)0328

    摘要：由出品的前端開源項(xiàng)目周報(bào)第十四期來啦。我們的前端開源周報(bào)集合了一周來新收錄的優(yōu)質(zhì)的前端開源項(xiàng)目，方便前端開發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。 由OpenDigg?出品的前端開源項(xiàng)目周報(bào)第十四期來啦。我們的前端開源周報(bào)集合了OpenDigg一周來新收錄的優(yōu)質(zhì)的前端開源項(xiàng)目，方便前端開發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。react-overdrive 超級(jí)簡(jiǎn)單的神奇移動(dòng)過渡 show...

    novo 評(píng)論0 收藏0

  • 前端開源項(xiàng)目周報(bào)0328

    摘要：由出品的前端開源項(xiàng)目周報(bào)第十四期來啦。我們的前端開源周報(bào)集合了一周來新收錄的優(yōu)質(zhì)的前端開源項(xiàng)目，方便前端開發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。 由OpenDigg?出品的前端開源項(xiàng)目周報(bào)第十四期來啦。我們的前端開源周報(bào)集合了OpenDigg一周來新收錄的優(yōu)質(zhì)的前端開源項(xiàng)目，方便前端開發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。react-overdrive 超級(jí)簡(jiǎn)單的神奇移動(dòng)過渡 show...

    songjz 評(píng)論0 收藏0

  • 前端開源項(xiàng)目周報(bào)0328

    摘要：由出品的前端開源項(xiàng)目周報(bào)第十四期來啦。我們的前端開源周報(bào)集合了一周來新收錄的優(yōu)質(zhì)的前端開源項(xiàng)目，方便前端開發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。 由OpenDigg?出品的前端開源項(xiàng)目周報(bào)第十四期來啦。我們的前端開源周報(bào)集合了OpenDigg一周來新收錄的優(yōu)質(zhì)的前端開源項(xiàng)目，方便前端開發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。react-overdrive 超級(jí)簡(jiǎn)單的神奇移動(dòng)過渡 show...

    李增田 評(píng)論0 收藏0

  • ssl證書怎么部署安裝?SSL證書下載后如何安裝

    摘要：證書怎么部署安裝證書是數(shù)字安全證書一種，網(wǎng)站部署了證書后，可以實(shí)現(xiàn)加密訪問，保障用戶隱私信息安全。證書怎么部署安裝第一，需要部署證書安裝環(huán)境的一臺(tái)服務(wù)器，還需要一張證書。ssl證書怎么部署安裝?ssl證書是數(shù)字安全證書一種，網(wǎng)站部署了SSL證書后，可以實(shí)現(xiàn)https加密訪問，保障用戶隱私信息安全。SSL證書需由可信的CA機(jī)構(gòu)簽發(fā)，然后下載安裝到服務(wù)器上，那么ssl證書下載后如何安裝? ...

    JackJiang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<