摘要:下載安裝下載,,下載好后可以看到目錄中有和,是腳手架搭建的前端模塊,里面是框架本地域名后端配置新建一個數(shù)據(jù)庫,將下的導(dǎo)進新建的數(shù)據(jù)庫,然后配置下的配好后打開瀏覽器訪問,如果看到接口的字樣就是成功了前端配置打開將改成后臺地址配置完后在中運行
下載安裝
下載vuethink,git clone https://github.com/honraytech/VueThink.git,下載好后可以看到VueThink目錄中有frontEnd和php,frontEnd是vue-cli腳手架搭建的前端模塊,php里面是thinkphp5框架
本地域名</>復(fù)制代碼
DocumentRoot "E:wampwwwVueThink"
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ù)制代碼
// 將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配置注釋掉
</>復(fù)制代碼
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文件,保存下面配置
</>復(fù)制代碼
RewriteEngine On
RewriteBase /
RewriteRule ^index.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
如果不是Apache請查看詳細文檔,或者直接將路由模式改回默認的hash模式(如果對路由不講究的話)
</>復(fù)制代碼
const router = new VueRouter({
mode: "hash",
base: __dirname,
routes
})
最終結(jié)構(gòu)
</>復(fù)制代碼
VueThink
php // tp5
frontEnd // 開發(fā)版、腳手架
static // 打包后的靜態(tài)資源
index.html // 打包后的入口文件
.htaccess // 配置文件
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/28607.html
摘要:導(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...
摘要:由出品的前端開源項目周報第十四期來啦。我們的前端開源周報集合了一周來新收錄的優(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機構(gòu)簽發(fā),然后下載安裝到服務(wù)器上,那么ssl證書下載后如何安裝? ...
閱讀 3571·2021-11-16 11:45
閱讀 2133·2021-11-08 13:23
閱讀 2225·2021-10-11 10:59
閱讀 2902·2021-09-27 13:36
閱讀 2491·2019-08-30 15:54
閱讀 2680·2019-08-29 16:58
閱讀 2799·2019-08-29 16:56
閱讀 1348·2019-08-26 13:52
极致性价比!云服务器续费无忧!
Tesla A100/A800、Tesla V100S等多种GPU云主机特惠2折起,不限台数,续费同价。
NVIDIA RTX 40系,高性价比推理显卡,满足AI应用场景需要。
乌兰察布+上海青浦,满足东推西训AI场景需要