摘要:下載安裝下載,,下載好后可以看到目錄中有和,是腳手架搭建的前端模塊,里面是框架本地域名后端配置新建一個數(shù)據(jù)庫,將下的導(dǎo)進(jìn)新建的數(shù)據(jù)庫,然后配置下的配好后打開瀏覽器訪問,如果看到接口的字樣就是成功了前端配置打開將改成后臺地址配置完后在中運行
下載安裝
下載vuethink,git clone https://github.com/honraytech/VueThink.git,下載好后可以看到VueThink目錄中有frontEnd和php,frontEnd是vue-cli腳手架搭建的前端模塊,php里面是thinkphp5框架
本地域名DocumentRoot "E:wampwwwVueThink" ServerName vt.com后端配置
新建一個數(shù)據(jù)庫,將php下的install.sql導(dǎo)進(jìn)新建的數(shù)據(jù)庫,然后配置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運行開發(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配置注釋掉
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文件,保存下面配置
RewriteEngine On RewriteBase / RewriteRule ^index.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L]
如果不是Apache請查看詳細(xì)文檔,或者直接將路由模式改回默認(rèn)的hash模式(如果對路由不講究的話)
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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/28607.html
摘要:導(dǎo)入服務(wù)端根文件夾數(shù)據(jù)庫文件,數(shù)據(jù)庫內(nèi)用戶表賬號數(shù)據(jù)庫名,密碼并修改配置文件。步驟把項目放入任意服務(wù)器,把導(dǎo)入數(shù)據(jù)庫,進(jìn)入修改數(shù)據(jù)庫配置,主要是數(shù)據(jù)庫名,用戶名和密碼進(jìn)去目錄執(zhí)行啟動前端。 vuethink下載地址:https://github.com/honraytech... 項目介紹VueThink是一套基于Vue全家桶(Vue2.x + Vue-router2.x + Vuex...
摘要:由出品的前端開源項目周報第十四期來啦。我們的前端開源周報集合了一周來新收錄的優(yōu)質(zhì)的前端開源項目,方便前端開發(fā)人員便捷的找到自己需要的項目工具等。 由OpenDigg?出品的前端開源項目周報第十四期來啦。我們的前端開源周報集合了OpenDigg一周來新收錄的優(yōu)質(zhì)的前端開源項目,方便前端開發(fā)人員便捷的找到自己需要的項目工具等。react-overdrive 超級簡單的神奇移動過渡 show...
摘要:由出品的前端開源項目周報第十四期來啦。我們的前端開源周報集合了一周來新收錄的優(yōu)質(zhì)的前端開源項目,方便前端開發(fā)人員便捷的找到自己需要的項目工具等。 由OpenDigg?出品的前端開源項目周報第十四期來啦。我們的前端開源周報集合了OpenDigg一周來新收錄的優(yōu)質(zhì)的前端開源項目,方便前端開發(fā)人員便捷的找到自己需要的項目工具等。react-overdrive 超級簡單的神奇移動過渡 show...
摘要:由出品的前端開源項目周報第十四期來啦。我們的前端開源周報集合了一周來新收錄的優(yōu)質(zhì)的前端開源項目,方便前端開發(fā)人員便捷的找到自己需要的項目工具等。 由OpenDigg?出品的前端開源項目周報第十四期來啦。我們的前端開源周報集合了OpenDigg一周來新收錄的優(yōu)質(zhì)的前端開源項目,方便前端開發(fā)人員便捷的找到自己需要的項目工具等。react-overdrive 超級簡單的神奇移動過渡 show...
摘要:證書怎么部署安裝證書是數(shù)字安全證書一種,網(wǎng)站部署了證書后,可以實現(xiàn)加密訪問,保障用戶隱私信息安全。證書怎么部署安裝第一,需要部署證書安裝環(huán)境的一臺服務(wù)器,還需要一張證書。ssl證書怎么部署安裝?ssl證書是數(shù)字安全證書一種,網(wǎng)站部署了SSL證書后,可以實現(xiàn)https加密訪問,保障用戶隱私信息安全。SSL證書需由可信的CA機(jī)構(gòu)簽發(fā),然后下載安裝到服務(wù)器上,那么ssl證書下載后如何安裝? ...
閱讀 3564·2021-11-16 11:45
閱讀 2099·2021-11-08 13:23
閱讀 2212·2021-10-11 10:59
閱讀 2892·2021-09-27 13:36
閱讀 2481·2019-08-30 15:54
閱讀 2669·2019-08-29 16:58
閱讀 2783·2019-08-29 16:56
閱讀 1342·2019-08-26 13:52