国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vuethink安裝部署

wangbinke / 1480人閱讀

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

下載安裝

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

本地域名

</>復(fù)制代碼

  1. DocumentRoot "E:wampwwwVueThink"
  2. ServerName vt.com
后端配置

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

前端配置

打開frontEnd/src/main.js

</>復(fù)制代碼

  1. // 將HOST改成后臺地址
  2. axios.defaults.baseURL = "http://vt.com/php/index.php"
  3. window.HOST = "http://vt.com/php/index.php"

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

其它問題

eslint報錯

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

</>復(fù)制代碼

  1. eslint: {
  2. // configFile: "./.eslintrc.json"
  3. },
  4. module: {
  5. preLoaders: [
  6. // {
  7. // test: /.js$/,
  8. // exclude: /node_modules/,
  9. // loader: "eslint"
  10. // },
  11. // {
  12. // test: /.vue$/,
  13. // exclude: /node_modules/,
  14. // loader: "eslint"
  15. // }
  16. ],

build打包后刷新not found問題

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

</>復(fù)制代碼

  1. RewriteEngine On
  2. RewriteBase /
  3. RewriteRule ^index.html$ - [L]
  4. RewriteCond %{REQUEST_FILENAME} !-f
  5. RewriteCond %{REQUEST_FILENAME} !-d
  6. RewriteRule . /index.html [L]

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

</>復(fù)制代碼

  1. const router = new VueRouter({
  2. mode: "hash",
  3. base: __dirname,
  4. routes
  5. })
最終結(jié)構(gòu)

</>復(fù)制代碼

  1. VueThink
  2. php // tp5
  3. frontEnd // 開發(fā)版、腳手架
  4. static // 打包后的靜態(tài)資源
  5. index.html // 打包后的入口文件
  6. .htaccess // 配置文件

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

轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/28607.html

相關(guān)文章

  • vuethink安裝配置

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

    graf 評論0 收藏0
  • 前端開源項目周報0328

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

    novo 評論0 收藏0
  • 前端開源項目周報0328

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

    songjz 評論0 收藏0
  • 前端開源項目周報0328

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

    李增田 評論0 收藏0
  • ssl證書怎么部署安裝?SSL證書下載后如何安裝

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

    JackJiang 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<