資訊專欄INFORMATION COLUMN
摘要：用做后端開發(fā)單頁應(yīng)用，生成靜態(tài)文件在下，頁面在下。頁面需要寫成存在跨域問題，現(xiàn)用將端口代理到默認(rèn)的端口解決。配置配置代理代理
用 Flask 做后端開發(fā)單頁應(yīng)用，webpack-dev-server 生成靜態(tài)文件在http://localhost:8080 下，F(xiàn)lask 頁面在 http://localhost:5000 下。html 頁面需要寫成：
... ...
存在跨域問題，現(xiàn)用 nginx 將 8080、5000 端口代理到默認(rèn)的 80 端口解決?？粗哺鼉?yōu)雅。
webpack 配置：
const url = "http://localhost:8080"
module.exports = {
output: {
filename: "[name].js",
path: path.resolve(__dirname, "dist"),
publicPath: `${url}/asserts/`,
},
devServer: {
port: 8080,
compress: true,
hot: true,
historyApiFallback: true,
contentBase: path.join(__dirname, "dist"),
publicPath: `${url}/asserts/`,
}
...
}
nginx 配置
server {
listen 80;
server_name localhost;
location / {
# flask 代理
proxy_pass http://127.0.0.1:5000;
}
location /asserts/ {
# webpack-dev-server 代理
proxy_pass http://127.0.0.1:8080/asserts/;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
error_page 502 @start-webpack-dev-server;
}
location @start-webpack-dev-server {
default_type text/plain;
return 502 "Please start the webpack-dev-server first.";
}
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/38617.html
摘要：前端一種新一代高性能全棧開發(fā)實(shí)踐背景本項(xiàng)目將使用配合最簡單的邏輯來展示一個(gè)基于的全新一代高性能全棧開發(fā)實(shí)踐的為什么是對(duì)于為何不是等著名框架，或許可能很多人會(huì)產(chǎn)生疑惑，本身和非常的相似，而它的出現(xiàn)，不僅是大大改進(jìn)過去時(shí)代性能低下通病，外加配 SanicCRUD-vue Sanic ＋ 前端MVVM 一種新一代Python高性能全棧開發(fā)實(shí)踐showImg(https://segmentfa...
摘要：前端一種新一代高性能全棧開發(fā)實(shí)踐背景本項(xiàng)目將使用配合最簡單的邏輯來展示一個(gè)基于的全新一代高性能全棧開發(fā)實(shí)踐的為什么是對(duì)于為何不是等著名框架，或許可能很多人會(huì)產(chǎn)生疑惑，本身和非常的相似，而它的出現(xiàn)，不僅是大大改進(jìn)過去時(shí)代性能低下通病，外加配 SanicCRUD-vue Sanic ＋ 前端MVVM 一種新一代Python高性能全棧開發(fā)實(shí)踐showImg(https://segmentfa...
摘要：負(fù)載均衡就是用來幫助我們將眾多的客戶端請(qǐng)求合理的分配到各個(gè)服務(wù)器，以達(dá)到服務(wù)端資源的充分利用和更少的請(qǐng)求時(shí)間。如下面的配置復(fù)制代碼這樣可以完美繞過瀏覽器的同源策略訪問的屬于同源訪問，而對(duì)服務(wù)端轉(zhuǎn)發(fā)的請(qǐng)求不會(huì)觸發(fā)瀏覽器的同源策略。 性能優(yōu)化是一門大學(xué)問，本文僅對(duì)個(gè)人一些積累知識(shí)的闡述，歡迎下面補(bǔ)充。 拋出一個(gè)問題，從輸入url地址欄到所有內(nèi)容顯示到界面上做了哪些事？ 1.瀏覽器向 DN...
閱讀 1416·2021-09-24 10:26
閱讀 1712·2019-08-30 14:14
閱讀 2130·2019-08-29 16:54
閱讀 387·2019-08-29 14:09
閱讀 1503·2019-08-29 12:55
閱讀 961·2019-08-28 18:13
閱讀 1605·2019-08-26 13:39
閱讀 2599·2019-08-26 11:43
