七步教你搭建一個VueFlask項目

七步教你搭建一個Vue Flask項目？針對這個問題，這篇文章詳細介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

杭州ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

1.創(chuàng)建項目文件夾my_project：

 mkdir my_project

2.進入目錄并創(chuàng)建Vue項目(此處假設(shè)你已經(jīng)熟悉Vue CLI的使用)：

cd my_project

vue init webpack app

3.進入app文件夾，修改webpack編譯config，目的是修改Vue編譯后的文件存儲位置：

cd app

- 修改config/index.js下的build對象的如下值：

// 編譯生成的頁面入口

index: path.resolve(__dirname, '../../templates/index.html'),

// Paths

assetsRoot: path.resolve(__dirname, '../../templates'),

assetsSubDirectory: '../static',

assetsPublicPath: '/',

4.在app目錄下運行

npm install

npm run build

5.在更目錄下創(chuàng)建最下應(yīng)用run.py，代碼如下:

from flask import Flask, render_template
app=Flask(__name__)
@app.route('/')
def hello_world():
return render_template("index.html")
if__name__=='__main__':
app.run(host="0.0.0.0", port="3000")

6.啟動項目：

python run.py

7.在瀏覽器中鍵入0.0.0.0:3000即可看到運行效果

關(guān)于七步教你搭建一個Vue Flask項目問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。

文章題目：七步教你搭建一個VueFlask項目
網(wǎng)站URL：http://muchs.cn/article18/pidhdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計、網(wǎng)站收錄、網(wǎng)站維護、企業(yè)網(wǎng)站制作、服務(wù)器托管、網(wǎng)站設(shè)計公司

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容