我正在开发将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)