部分使用带有nginx的Vue
是指在Vue.js前端开发中，使用了nginx作为服务器来部署和运行Vue.js应用。
Vue.js是一种流行的JavaScript前端框架，它可以帮助开发人员构建交互式的用户界面。而nginx是一个高性能的开源Web服务器，也可以用作反向代理服务器、负载均衡器和HTTP缓存等。
使用带有nginx的Vue有以下优势：
- 高性能：nginx具有出色的性能和并发处理能力，可以有效地处理大量的并发请求，提供快速的响应速度。
- 反向代理：nginx可以作为反向代理服务器，将客户端的请求转发给后端的Vue.js应用服务器，提高了系统的安全性和可靠性。
- 负载均衡：nginx可以实现负载均衡，将请求分发到多个Vue.js应用服务器上，提高系统的可扩展性和稳定性。
- 静态资源缓存：nginx可以缓存Vue.js应用中的静态资源，减少对后端服务器的请求，提高了系统的性能和响应速度。
部分使用带有nginx的Vue的应用场景包括：
- 单页面应用（SPA）：Vue.js通常用于构建单页面应用，而nginx可以作为静态文件服务器，提供Vue.js应用的静态资源，同时也可以处理路由和反向代理等功能。
- 多人协作开发：在多人协作开发中，使用nginx部署Vue.js应用可以方便团队成员之间的代码共享和调试，提高开发效率。
- 高并发应用：由于nginx具有出色的性能和并发处理能力，适合用于部署高并发的Vue.js应用，如电商网站、社交媒体平台等。
腾讯云提供了一系列与云计算相关的产品，其中与部署Vue.js应用相关的产品包括：
- 云服务器（CVM）：提供了可靠的云服务器实例，可以用来部署和运行Vue.js应用。
- 负载均衡（CLB）：可以将请求分发到多个Vue.js应用服务器上，提高系统的可扩展性和稳定性。
- 云存储（COS）：用于存储Vue.js应用中的静态资源，提供高可用性和低延迟的访问。
- 云安全中心（SSC）：提供全面的安全防护和监控，保护Vue.js应用的安全性。
更多关于腾讯云产品的介绍和详细信息，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我有一个vue.js (带有webpack的Quasar框架)应用程序，我使用vue-router。我在服务器端使用nginx (带有laravel forge)。在本地(quasar dev或npm run dev)中，一切正常。我无法刷新地址的页面，就像/settings一样，我用add解决了这个问题
location / {
try_files $uri $uri/ /index.html?$query_string;
}
行到nginx配置文件。之后，我可以刷新服务器上的/settings页面。但是现在，如果页面有多一个维度，我就不能刷新它。
/survey/1
我尝试将这些行
浏览 0提问于2017-11-14得票数 1
我有一个vue应用程序运行在前端与弹簧引导后端，两者在不同的容器。我想将我的vuejs应用程序修改为将环境变量从docker-组合文件传递到nginx。
我的问题是，我的nginx conf文件没有从docker-组合中提取环境变量。
码头组合文件
backend-service:
container_name: backend-service
image: backend-service-local
networks:
- app-network
ports:
- 8081:8080
restart: on-failure
浏览 7提问于2021-09-09得票数 1
回答已采纳
我有一个带有父nginx容器的坞群设置，该容器在443和80上打开，代理后端节点应用程序和在nginx容器中构建的vue cli应用程序。在这方面一切都很顺利。我想添加第二个vue-cli应用程序，它也是用带有路径的nginx容器构建的。
我的父nginx位置是一个简单的proxy_pass。
...
location /admin { # this location does not proxy
proxy_pass http://admin:80;
proxy_redirect off;
浏览 1提问于2018-11-20得票数 1
回答已采纳
我使用 Vue -cli 3创建了简单的Vue JS应用程序。我有一个带有Nginx + php的数字海洋液滴。我的目标是在同一个水滴上托管Vue应用程序。我已经试过了：
将某些location /添加到nginx中。
使用这个简单的节点服务器：
我得到的是Uncaught SyntaxError: Unexpected token <：
有趣的是，当我使用npm run build将生产资源放入dist目录并使用php -S localhost:8080时，它就像一种魅力一样被托管。但是简单的节点js服务器也会导致上面屏幕截图上的结果。
我已经连续两天挣扎了。请拦
浏览 0提问于2018-08-22得票数 1
1回答
我有一个Django后端和由同一台机器服务的Vue.js前端。我希望有一个特定的路径指向django API和管理面板，而其余的路径应该加载Vue index.html并传递给Vue路由器。我的问题是，虽然基本路径被传递到Vue.js，而我选择的路径确实通过Django，但是任何其他路径都会导致404，这意味着如果我想重新访问通过Vue路由器生成的路径，就不可能这样做。
我想问题一定是在NginX配置文件中的某个地方：
# the upstream component nginx needs to connect to
upstream myproject {
server unix:
浏览 3提问于2021-10-20得票数 1
回答已采纳
我想要将我现有的vuejs应用程序用于分期、生产和使用多阶段方法来创建我的应用程序容器，我使用的是Ubuntu18.04，这是我的，
Dockerfile
# build stage
FROM node:lts-alpine as build-stage
LABEL maintainer="servers@xpl.com"
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . ./
RUN npm run build
# production stage
FROM nginx:stable-alpine
浏览 0提问于2020-02-12得票数 1
回答已采纳
因此，我目前正在构建一个带有REST API和独立前端的docker设置。我的后端使用Symfony 5.2.6作为REST API，而我的前端是一个简单的Vue应用程序。
当我试图通过localhost或127.0.0.1从vue应用程序调用我的应用程序接口时，我得到了一个“连接被拒绝”的错误。当我尝试通过我的服务器的外部IP调用API时，我遇到了CORS问题。这是我第一次这样设置，所以我有点不知所措。
这是我的docker设置：
version: "3.8"
services:
# VUE-JS Instance
client:
build: client
浏览 1提问于2021-05-02得票数 0
1回答
我有一个基于的VPS。我有两个网站。我有两个域名两个网站。一个带有域trail-notes.tk的网站成功地部署到VPS，并且在服务器上运行，没有配置文件中的任何端口。网站运行良好。问题是第二个网站，我想在一个特定的端口4000上运行，但是在我的服务器的相同的ip地址上运行。
当我完成所有的配置并点击Control-Surfacee.ml时，它返回错误"502坏网关“
如何正确部署Vue应用程序/网站？
第一个网站的配置文件-notes.tk用于nginx：
server {
listen 80;
server_name trail-notes.tk ww
浏览 0提问于2020-09-03得票数 0
1回答
我有什么：
运行在虚拟机中的vue-cli应用程序(vue --version 3.7.0)
Laravel Homestedv8.3.2
流浪者2.2.4
VirtualBox
Nginx
vue.config.js
module.exports = {
devServer: {
host: 'myvueapp.local',
https: true
}
}
Nginx配置：
server {
listen 80;
listen 443 ssl http2;
server_name .myvueapp
浏览 0提问于2019-05-09得票数 0
1回答
我想在码头集装箱中的节点图像上运行vue。但是当我做“码头-合成-构建-d”时，我不能登录到码头容器的日志和终端，服务器也不能运行。
这是我的DockerFile‘
FROM node:lts
WORKDIR /var/www/html/app/
COPY package*.json ./
COPY . /app
RUN npm ci && npm cache clean --force
ENV NUXT_HOST=0.0.0.0
ENV NUXT_PORT=3000
EXPOSE 3000
CMD ["npm" "run"
浏览 2提问于2022-11-17得票数 0
1回答
我有一个vue应用程序，我目前正在工作。我在一个名为"config.ts"的文件中设置了环境变量，其中包含与下面代码类似的代码：
export const configs = {
baseURL:
process.env.VUE_APP_API_BASEURL ||
'http://test.api.co/',
}
我使用类似于这样的.env在本地测试环境变量
VUE_APP_API_BASEURL=https://test2.api.com
而且效果很好。
然后，我用Dockerfile修改了应用程序，如下所示：
FROM private_
浏览 4提问于2022-04-27得票数 0
我正在尝试构建一个vue应用程序停靠器映像，但是我一直收到这个错误。
未找到模块:错误:无法解决'./src/main.js‘中的'/app’
我使用的是一个多级文件
FROM node:15.4 as build
WORKDIR /app
COPY ./frontend/package.json .
RUN npm install
COPY . .
RUN npm run build
FROM nginx:1.19
COPY ./frontend/nginx/nginx.conf /etc/nginx/nginx.conf
COPY --from=buil
浏览 2提问于2022-03-21得票数 0
我是这个话题的新手，我会解释我想做什么。
+-------+
+---------+ NGINX +-----------+
| +-------+ |
| | |
+---+----+ | |
|JENKINS | +----+----+ +----+---+
+--------+ |FLASK APP| | VUE APP|
+---------+ +-
浏览 0提问于2020-06-05得票数 0
回答已采纳
1回答
Vue子域在开发和生产中的应用
、、、、
我有以下(摘要)项目结构：
src/品牌
src/admin
src/home
品牌和管理是一个纯粹的vue项目，家庭是一个nuxt项目。我试图让品牌和管理项目在他们自己的子域(分别是brands.website.com和admin.website.com )上运行，在主域上运行。部署到生产/阶段是通过docker (带有nginx映像)进行的，我正在考虑将nginx配置文件从我的项目复制到docker映像中，以便将dist文件夹中的文件指向正确的html文件(还不确定如何首先研究这个问题)。
对于开发，我使用了vue.config.js (因为我使用的是vue cli的v
浏览 1提问于2019-01-06得票数 2
回答已采纳
我在Vue.js dist服务器上使用nginx。
我的Nginx配置如下：
server {
listen 80;
server_name qy.abc.xyz;
charset utf-8;
access_log /var/log/nginx/qy.abc.xyz.access.log main;
location / {
access_log /data/nginx_log/access.log main;
error_log /data/nginx_log/error.log error;
浏览 0提问于2018-05-12得票数 0
我们有一个Vue应用程序，我们正在部署到一个子目录: /deploypath/
现在，我们将vue.config.js作为：
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
publicPath: process.env.NODE_ENV === 'production'
? '/deploypath/'
: '/',
transpileDependencies: [
'
浏览 3提问于2022-09-29得票数 0
回答已采纳
如果这是一个一般性的问题，我很抱歉，但是很明显，我在谷歌上搜索的内容是没有意义的，而且我的工作中没有人可以问我。
以下是我的情况：
使用Vue CLI3.5和一个Vue.js创建简单的<input type="file">应用程序。当表单提交时，还没有任何连接。
带有Node和NGINX的Docker容器吸引并构建了我的Vue应用程序-这是有效的。我基本上是从复制了Dockerfile。
现在，我需要从web应用程序存储文件(并最终将其FTP到另一台服务器)。
有人建议我使用Node，但我对服务器端的所有东西都很陌生，所以我不知道如何做。我的容器
浏览 0提问于2019-03-15得票数 0
我有3个url
客户A的
客户B的
客户C的
只有一个vue app (从http header中获取客户ID )
nginx配置文件如下
静态文件没有问题，但.js会有问题
但是如何设置vue VUE_APP_publicPath呢？(它应该不能动态切换)
或者nginx应该如何添加设置？
谢谢你的帮助，我已经研究了很长时间了
server {
listen 8121;
root /usr/share/nginx/my.com/shop;
To
location / {
add_header X-uri "$uri";
try_files $uri $uri/ @router
浏览 55提问于2021-06-05得票数 0
我们有一个使用nginx部署在docker容器中的Vue.js应用程序。在这里中，nginx配置几乎遵循Vue.js文档。
server {
listen 80;
server_name ourhost.com;
charset utf-8;
root /var/www/ourhost.com/dist;
index index.html index.htm;
location / {
try_files $uri $uri/ /index.html;
}
location = /index
浏览 2提问于2021-07-29得票数 0
我的Vue项目是我在Ubuntu 18.04中的路径
/var/www/html/vue/{ project here }
问题是我css路径是引用/var/www/html/css的/css如何在vue项目中设置我的css在文件夹中引用这里是我的nginx设置
server {
listen 80 default_server;
listen [::]:80 default_server;
listen 443 ssl;
root /var/www/html;
index index.html index.htm index.nginx-debian
浏览 11提问于2019-07-22得票数 1
回答已采纳
1回答
我正在尝试设置一个基本的Vue应用程序，它使用docker和Nginx生活在一个坞容器中。我的问题是，我不能让热重装工作。我现在的设置如下所示：-使用docker组合，我创建了2个容器。一个给nginx，一个给我的vue应用程序。-我用Vue CLI初始化了我的Vue应用程序，所以这是一个全新的项目。Vue应用程序容器不会暴露在外部，因为它都是通过nginx路由的。
热重装在docker/nginx之外很好，虽然我可以在容器中访问应用程序，但热重装不起作用。我环顾四周，尝试了大量不同的nginx配置，但都没有效果。我不太熟悉nginx，尤其是Vue (这是我第一次尝试它)。我不确定这是Vue还
浏览 0提问于2019-04-19得票数 0
回答已采纳
我有一个带有乘客的Nginx远程服务器，它通过公共IP 12.34.56.78为我的Rails API提供服务。
现在，我在同一台主机上部署了一个Vue.js应用程序，可以通过输入IP地址12.34.56.78从浏览器访问该应用程序，但是当我尝试登录时，我得到并错误了CONNECTION REFUSED。
这是我的nginx.conf
Rails应用程序
server {
listen 3000;
server_name bikeramp.local;
root /home/deploy/bikeramp/current/public;
pass
浏览 0提问于2018-11-29得票数 3
回答已采纳
我想要docker化我的vuejs应用程序，并从docker-compose文件向它传递环境变量。
我怀疑应用程序只在构建阶段获取环境变量，因此它不会从docker-compose获取环境变量。
vue应用程序：
process.env.FIRST_ENV_VAR
Dockerfile：
FROM alpine:3.7
RUN apk add --update nginx nodejs
RUN mkdir -p /tmp/nginx/vue-single-page-app
RUN mkdir -p /var/log/nginx
RUN mkdir -p /var/www/html
COP
浏览 71提问于2019-08-21得票数 4
我无法运行我的Vue应用程序使用码头和码头-撰写。所有其他应用程序和服务都在运行(一些.NET应用程序、nginx代理程序和letsencrypt代理伙伴程序)，但在运行vue应用程序时，我得到以下错误：
| npm ERR! path /app/package.json
| npm ERR! code ENOENT
| npm ERR! errno -2
| npm ERR! syscall open
| npm ERR! enoent ENOENT: no such file or directory, open '/app/package.json'
| npm ERR!
浏览 4提问于2020-01-08得票数 1
回答已采纳
我正在创建一个带有python后端的webapp，Nginx作为服务器，Vue作为我的前端web框架。在部署到生产中时，我构建了一个nginx容器，它在构建时将我的所有前端代码编译成它可以提供的小型静态文件(大约需要2分钟)，在运行时，我会为这些静态文件提供服务，并将非静态文件HTTP请求路由到另一个API容器(运行python应用程序)。(因此有两个容器: nginx和api服务器)。
我面临的问题是，在开发过程中，我希望使用第三个容器来为前端文件运行一个热重加载webpack -dev服务器，而不是每次更改时都要等待webpack重新构建前端包。作为参考，将前端代码构建到可服务的静态文件需
浏览 0提问于2018-06-24得票数 4
我正在使用标题中描述的堆栈，到目前为止，在我的dev环境中一切都很好。我曾经有码头集装箱，我的后端和我的前端与热重装用于开发。
但我现在正在准备Nginx的产品前环境。它很有效，我让Nginx为我建造的前端服务。
但是在我以前的环境中，我将Axios配置为直接指向请求的后端容器。因此，当我在浏览器中输入一个URL时，是Nginx记录请求并为我的Vue SPA服务。但是在那之后，Vue SPA直接向后端容器发出请求，而Nginx没有看到任何东西。
我想我应该让Axios指向Nginx服务器本身(因为在由Nginx容器提供服务的Vue SPA中使用了Axios )，位置类似于location /a
浏览 1提问于2022-04-30得票数 0
回答已采纳
我有一个在k8s的docker中运行的vue3 typescript应用程序。 Vue应用程序具有不同的路由/ /about /login 所有这些路由都将从vue组件发回html响应。 对于码头活性探针，我需要一个简单的json响应/status -> HTTP200& res=> JSON {状态:ok} Vue3如何只在特定路由上使用JSON对象进行响应？ 我的dockerfile FROM node:16.13.0 as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY ./ .
浏览 15提问于2021-11-13得票数 1
回答已采纳
1回答
我有一个网站，它使用Django作为API和Vue作为前端。当前，当我部署站点时，我执行以下操作：
(npm run build)Copy 将Vue应用程序 dist文件夹创建为Django应用程序中的一个特定文件夹，其中一个 urls被设置为一个TemplateView，为Vue 提供服务。
通过上述操作，生产中的Nginx只需使用gunicorn为Django应用程序提供服务，一切就可以工作了。
不过，我更愿意让Nginx提供Vue index.html和静态文件。例如，/将为Django应用程序提供服务，/spa将为Vue应用程序提供服务，该应用程序本身将调用api。
下面是我当前的Ng
浏览 4提问于2019-10-03得票数 6
回答已采纳
正如我在这个问题中已经提到的，下面是一个看似有效且语法正确的VueJs示例，它运行在带有Windows 7 64位环境(Nginx配置)的本地主机中：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="application/x-javascript" src="https://cdn.jsdelivr.net/npm/vue"></script>
浏览 0提问于2019-02-02得票数 0
回答已采纳
3回答
在我的Nginx服务器上，为了节省时间，我创建了etc/nginx/include.conf de.conf，并将这一行放在etc/nginx/sites available/site1.conf中：
location / {
include /etc/nginx/include.conf;
try_files $uri $uri/ /index.php?page=$uri;
}
include.conf的内容：
if ($http_referer ~* (badreferers)) {
return 403;
}
在测试conf文件时，会出现以下错误: e
浏览 1提问于2017-03-08得票数 0
回答已采纳
我有一个入口/ Terraform / NGINX / Kubernetes设置，它有正确重定向的问题，它目前服务于vue.js前端和.NET核心后端，这两个都是在线工作的。然而，当添加另一个Vue.JS实例时，它似乎不能正确地重定向到所述URL。 我的terraform设置 resource "kubernetes_ingress" "ingress" {
metadata {
name = "ingress"
namespace = var.namespace_name
annotations
浏览 28提问于2020-08-25得票数 0
回答已采纳
我正在设置一个来自nginx的docker镜像，将Vue应用程序作为静态文件提供服务。我的vue应用程序使用Vue-Router，它在另一台服务器上运行得很好。我的nginx配置是这样的：https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations 现在我想迁移到docker，这是我的Dockerfile # build stage
FROM node:9.11.1-alpine as build-stage
WORKDIR /app
COPY package*.json .
浏览 20提问于2019-01-02得票数 5
回答已采纳
1回答
Vue项目在生产中缺少风格
、、、、
当我运行我的docker映像并使用nginx代理请求时，我会遇到样式设计方面的问题。
我看到了所有的html标签，当我在浏览器中查看网络选项卡时，我发现css和js文件，在我看来，css看起来是正确的，，但是那里没有样式应用的。基本上，所有的html标签看起来都是通用的，而且都很好。
当我开发，我没有问题的样式，我也看到样式，当我只是运行npm运行构建。
这个项目是使用构建的，但我也尝试过其他模板，webpack的早期版本也导致了同样的问题。
在.vue文件中，我使用单文件组件结构，并使用lang="scss"。
我的nginx.conf看起来是这样的：
load_module
浏览 0提问于2018-06-09得票数 2
回答已采纳
目前，我有以下配置，其中有一个错误：
未能加载资源:服务器响应状态为404 (未找到)
据我所知，我输入的路径不正确，nginx不能给出build.js文件，这个路径中缺少该文件。如何正确配置nginx以使其服务于此文件。
配置nginx：
upstream music {
server web:8000;
}
server {
listen 80;
server_name ***;
access_log /var/log/nginx/logs.log;
location /vue-frontend/ {
root /app
浏览 4提问于2020-11-06得票数 1
当本地服务(纱线，vite)时，我的vue应用程序运行良好。
但是，在生产模式下构建和服务时，--我的所有DOM元素--都缺少"id“属性
因此，document.getElementById(id)始终返回null。我检查了映像中的源，我的动态in似乎存在：
来源：
<div id="myId" + someUniqueId><div>
结果：
[...] {id:"myId"+unref(r),modelValue:y.value" [...]
我不知道该去哪找了-有什么主意吗？
这是我的码头文件(如果相关的话)
FR
浏览 5提问于2022-09-07得票数 1
回答已采纳
1回答
我试图使用docker-compose在本地开发。但是我必须重新构建我的代码，如果change...so我需要这个“热重新加载”函数，但是我无法实现它。也许有人能帮我或者给我一些提示。我不使用Nginx作为代理(Envoy)，而是将其用作服务器。
Vue.js Docker
FROM node:lts-alpine as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build
FROM nginx:stab
浏览 1提问于2019-05-01得票数 4
1回答
我有一个使用Apache和Nginx的Ubuntu20.04服务器。我想使用Certbot添加SSL证书，但我不知道如何继续。
我的项目由django api和Vue js前端组成。Nginx负责API，apache充当反向代理。
我的Apache 000-default.conf文件
ServerAdmin webmaster@localhost
DocumentRoot /var/www/html
ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}
浏览 0提问于2021-01-19得票数 0
无法使用包裹在码头容器中加载vue。 未加载vue，并且Vue devtools找不到vue。所有文件似乎都在devtools/sources中。 它与npm run dev一起工作在docker之外。 JS错误:未捕获TypeError:无法读取vue.common.prod.js:6处未定义的属性'props‘ Dockerfile： # build stage
FROM node:lts-alpine as build-stage
WORKDIR /app
COPY package.json /app
RUN apk add --update npm
RUN apk add
浏览 23提问于2021-01-08得票数 0
我已经用.env创建了VUE应用程序。文件它的工作与下面的docker文件。
FROM node:14.15.0
WORKDIR /app
ADD ui ./
RUN npm install
RUN npm i --unsafe-perm node-sass@4.14.0
EXPOSE 8080
RUN chmod +x /app/deploy.sh
ENTRYPOINT ["/app/deploy.sh"]
CMD ["dev"]
命令
docker build -f Dockerfile -t vueapp .
docker run -d -p 80:80
浏览 16提问于2021-05-13得票数 0
2回答
我有以下情况：
我的vue应用程序中有一个组件，它根据API查询动态加载组件。这是我的模板：
<template>
<main class="flex-1">
<div class="py-6">
<div class="px-4 sm:px-6 md:px-0 space-y-6">
<LoadingComponent v-if="chosenSideBarItem === null" />
<compone
浏览 7提问于2022-05-12得票数 0
回答已采纳
我有一些问题，当尝试创建虚拟主机的vuejs应用程序。这是我的设置：
# etc/hosts
127.0.0.1 vue.vavenger.local
# /usr/local/etc/nginx/servers/vue.vavenger.local.conf
upstream vuejs_app {
server 127.0.0.1:8080;
}
server {
access_log /var/log/nginx/vue.vavenger.local.access.log;
error_log /var/log/nginx/vue.vavenger.loc
浏览 1提问于2018-04-30得票数 0
1回答
是关于什么的：
我目前需要了解Docker是如何工作的，因此我开始从事一个小项目。我有一个VueJs前端(一些非常基本的东西)和一个python (也非常基本)。我成功地创建了一个带有2个容器的Docker卷(一个用于vuejs，一个用于py API)。
问题：
在制作了码头容器(都起作用了)之后，我开始了VueJs项目，现在几乎已经完成了。问题是，当我尝试创建一个新的Image (使用更新的vuejs项目)，并使用那个新的Image创建一个新容器时，我总是在打开项目时得到默认的VueJs页面。然后，看起来vuejs项目上没有任何更新，但实际上是这样做的。
VueJ：Dockerfile
FR
浏览 0提问于2021-09-01得票数 1
1回答
在部署我的Flask/Vue.js web应用程序时，我需要一些帮助。
当前设置： Vue.js前端使用带有静态页面+ Flask后端的vue路由器(通过Ajax进行通信，只需要方便通过表单发送电子邮件)。
问题：
我对如何在VPS上部署它感到困惑：
两个不同端口上的两个进程，一个用于uWsgi+Flask，一个用于Vue，Nginx为它们提供服务
一个单一的进程- Uswgi+Flask服务静态(构建) Vue页面，在他们前面的Nginx。烧瓶需要将请求重定向到适当的静态视图。
一些其他的东西
我的烧瓶后端/API：
from flask_cors import CORS
浏览 2提问于2019-02-07得票数 1
回答已采纳
我正在建立我的网站，它将运行在一个AWS Ubuntu EC2上。它是一个Vue.js SPA，依赖于一个带有API调用和socket.io的Nodejs应用程序。到目前为止，这两个应用程序都在工作，后端是在我的AWS EC2免费层，后面是一个弹性负载均衡器，前端是在我的机器上，因为我的工作。现在，我也想将前端部署到我的AWS EC2中，但是我很困惑如何正确地完成它。我发现的教程是使用nginx，但我不确定我是否需要nginx，因为我已经有了AWS。任何建议都会很好:)
浏览 3提问于2019-06-19得票数 0
回答已采纳
我已经设置了vue-cli版本3 SPA，以便在我的routes.js文件中找不到的任何请求都将默认为我的404视图，如官方中所示。
插入到routes.js文件底部附近：
{ // catches 404 errors
path: '*',
name: '404',
component: () => import(/* webpackChunkName: "NotFoundComponent" */ './views/NotFoundComponent.vue'),
},
插入到nginx配置文件中：
loca
浏览 0提问于2018-09-23得票数 5
回答已采纳
我使用nginx修改了一个Vue应用程序，该应用程序在启动时运行良好。当我刷新页面时，问题就出现了，我在附加的图像中得到了404错误。我尝试配置我的nginx.conf文件，就像的解决方案一样，但仍然得到相同的错误。我将展示当前的nginx.conf文件和Dockerfile。
错误图像：
nginx.conf文件：
server {
root /usr/share/nginx/html;
index index.html;
location / {
try_files $uri $uri/ /index.html;
浏览 25提问于2021-06-01得票数 1
Docker环境变量似乎根本不被设置。我尝试过使用env_file和环境字段，但是在我的vue应用程序中打印process.env时，唯一的可见变量是NODE_ENV和BASE_URL。
这是我的对接代码：
frontend:
container_name: "Frontend"
build:
context: .
dockerfile: frontend.dockerfile
env_file:
- ./frontend.env
environment:
VUE_APP_
浏览 5提问于2020-03-01得票数 4
回答已采纳
我从azure获得了一个vm，我试图在vue中设置一个前端，在django.However中设置一个后端，我的问题是，在一个域下，我似乎无法使它们都工作。
这是vue的nginx配置：
server {
listen 80;
server_name www.todoapi.xyz;
return 301 https://www.todoapi.xyz$request_uri;
}
server {
listen 443 ssl;
server_name www.todoapi.xyz;
client_max_body_size 4G;
error_log /webapps/todo/e
浏览 6提问于2021-09-04得票数 1
回答已采纳
当部署vue前端时，我想知道正确的nginx设置是如何与快速后端分开的--不是在服务器或域上单独部署，而是在如何服务它们方面。
在开发过程中，我在vue目录中使用npm serve，为了构建一个生产构建，它是通过npm run build生成的。应该为生成的dist文件夹提供服务，我的问题是，当后端位于同一台服务器上时，如何做到这一点。
比方说后端，特快专递正在曝光路线。应该在特快专递的前面吗？ vue前端正在调用这些路由，但是静态文件需要服务。根据，这可以使用serve来完成。这是为了生产吗？再说一遍，nginx应该站在这前面吗？
我想知道，因为这样做的路线是：
浏览器请求-> Ng
浏览 0提问于2018-10-06得票数 3
回答已采纳
1回答
我在CentOS 7上安装了一个带有两个节点的带有起搏器1.1.10的集群，然后我下载了一个来自github的nginx资源代理
我像这样测试了我的设置：
节点1由nginx和vip启动，一切正常。
杀死Node1 nginx，等几秒钟
请参见ngnix和vip被移动到node2，故障转移成功，并且Node1没有任何活动的资源。
我在node2上杀了nginx，但是nginx和vip不回Node1
我设置了no-quorum-policy="ignore"和stonith-enabled="false"。
为什么起搏器不让资源回到Node1？我错过了什么？
浏览 0提问于2015-08-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
