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

創(chuàng)新互聯(lián)公司是一家以網(wǎng)站建設(shè)公司、網(wǎng)頁設(shè)計、品牌設(shè)計、軟件運維、成都網(wǎng)站營銷、小程序App開發(fā)等移動開發(fā)為一體互聯(lián)網(wǎng)公司。已累計為成都資質(zhì)代辦等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開發(fā)服務(wù)。

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項目-創(chuàng)新互聯(lián)
瀏覽路徑：http://weahome.cn/article/eeddj.html