如何从vue-electron应用程序运行Flask服务器?让ERR_CONNECTION_REFUSED尝试发出请求

时间:2020-04-02 16:50:37

标签: flask electron electron-vue

我正在开发将vue-electron用作前端,并将flask服务器用作后端的应用程序。 我的目标是在应用程序启动时启动flask服务器,并开始从前端部分向该服务器发出一些请求。
当我从comand启动flask服务器时,一切正常,我有一个请求和响应。但是当我尝试在vue-electron应用启动时启动flask服务器时,我有ERR_CONNECTION_REFUSED错误的请求。
这是我的main.js

import Vue from 'vue'
import axios from 'axios'

import VModal from 'vue-js-modal'
import { LMap, LTileLayer, LMarker } from 'vue2-leaflet'
import 'leaflet/dist/leaflet.css'

import App from './App'
import router from './router'
import store from './store'

Vue.use(VModal)

if (!process.env.IS_WEB) Vue.use(require('vue-electron'))
Vue.http = Vue.prototype.$http = axios
Vue.config.productionTip = false
// here is server starting
const { exec } = require('child_process')
exec('set FLASK_APP=src\\server\\app.py && python - m flask run')

/* eslint-disable no-new */
new Vue({
  components: { App },
  router,
  store,
  template: '<App/>'
}).$mount('#app')

和烧瓶服务器的app.py文件

from flask import Flask
from flask import request, jsonify
from flask_cors import CORS

app = Flask(__name__)
CORS(app)

test_json = {
    'is_ok': 'yeah'
}


@app.route('/request1', methods=['GET', 'POST'])
def hello():
    data = request.json
    print("request 1")
    print(data)
    return jsonify(test_json)


@app.route('/request2', methods=['GET', 'POST'])
def another_request():
    data = request.json
    print("request 2")
    print(data)
    return jsonify(test_json)

请注意,我将python intrperter作为电子子进程启动了

0 个答案:

没有答案