user nginx;
原创
2021-06-02 19:29:40
587阅读
你当前的 Vue2 项目部署路径是 https://bigdata.xx.com/cctvnp1bd/，你希望将它改为通过根路径访问，即 https://bigdata.xx.com/，可以通过 修改 Nginx 配置和 Vue 项目的 publicPath（或 base） 来实现。一、Nginx 配置修改你需要让 Nginx 把访问根路径 / 的请求，转发到 Vue 项目构建后的目录（如 dis
server { # 端口号 listen 3309; # IP server_name 192.168.1.3; location / { # 执行目录 root /var/www/vue-app-base/dist/; index index.html; # index index.html i ...
转载
2021-08-13 15:03:00
310阅读
2评论
# Nginx配置Vue项目
## 简介
在部署Vue项目时，为了能够让前端应用在生产环境中正常访问，我们通常会使用Nginx作为反向代理服务器进行配置。本文将详细介绍如何通过Nginx配置Vue项目，让您的Vue应用在生产环境中运行顺利。
## 步骤概览
下表展示了配置Vue项目所需的步骤。
| 步骤 | 操作 |
| ---- | ---- |
| 1. 安装Nginx | 检查并安装N
原创
2024-05-17 12:00:51
988阅读
Ubuntu下使用nginx发布vue项目1. Ubuntu18.04搭建nginx服务器1.1 ubuntu安装nginxsudo apt update
sudo apt install nginx1.2 配置防火墙ps: 防火墙配置部分可根据情况选择，一般不需要配置防火墙sudo ufw app list获得应用程序配置文件的列表
可用应用程序：
CUPS
Nginx Full
Nginx H
转载
2024-06-04 11:07:51
208阅读
# Docker Vue项目Nginx配置
## 简介
本文将教会你如何使用Docker来配置Vue项目并通过Nginx进行部署。我们将按照以下步骤来完成整个流程：
```mermaid
journey
title Docker Vue项目Nginx配置流程
section 搭建Vue项目
Create Project -> Install Dependencies
原创
2023-11-08 09:44:50
41阅读
在Kubernetes（K8S）环境中配置多个Vue项目需要使用Nginx作为反向代理服务器，以便能够将不同的域名或路径映射到相应的Vue项目上。这样可以实现多个Vue项目在同一台服务器上并行运行的需求。
下面将按照流程和具体步骤详细说明如何配置多个Vue项目在同一个Nginx服务器上：
**流程步骤表格**
| 步骤 | 操作 |
| ------ | ------ |
| 1 | 在K8
原创
2024-05-24 10:42:59
252阅读
对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变试图的同时不会向后端发出请求。hash模式： 有 /#/ 号的URL 为hash模式，hash符号之前的内容会被包含在请求中，hash之后的并不会包含于请求中，例如 www.baidu.com/#/name 请求的时候只会请求www.baidu
在vue项目中用vuex来做全局的状态管理， 发现当刷新网页后，保存在vuex实例store里的数据会丢失。1.产生原因其实很简单，因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被清空。就相当于你声明的全局变量存储在堆和栈内存当中，页面刷新之后就会全部销毁，需要你进行重新赋值。更改 Vuex 的 store 中的状态的唯一方法是提交 m
文章目录1、vue项目的配置2、nginx的下载和配置3、服务器node后端服务和nginx代理开启 1、vue项目的配置 对于vue/cli3.x及以上版本的vue项目，其缺少配置文件，需要自己手动添加，在 该文章 中有部分说明，主要应对请求跨域的问题。对此根目录下新建vue.config.js：module.exports={
devServer: {
proxy: {
转载
2024-10-22 13:39:05
63阅读
1、hash模式时（#），nginx配置方法
location ~ ^/test/cms-h5/{
rewrite ^/test/cms-h5(.*)$ $1break;
root/opt/nginx/web/cms-h5/dist;
}
2、hisotry模式时，nginx配置方法 location ~ ^/test/cms-h5/{
原创
2023-04-25 12:12:49
348阅读
项目开发完成之后我们就需要将项目上线运行供用户访问，这时候我们就需要将项目部署到服务器上。对于Vue这种前端Web项目我们一般都部署在linux系统上，Linux常见的Web应用服务器有Apache、Nginx和Tomcat 。Nginx是一款高性能、低消耗的轻量级反代理服务器很适合中小型项目，这里选择Nginx服务器来部署Vue项目。 打包Vue项目项目发布之前我们需要先将项目进行打
转载
2024-02-20 21:50:20
84阅读
下载nginxdocker pull nginxdocker images# 创建挂载目录
mkdir -p /home/nginx/conf
mkdir -p /home/nginx/log
mkdir -p /home/nginx/html容器中的nginx.conf文件和conf.d文件夹复制到宿主机# 生成容器
docker run --name nginx -p 80:80 -d ngi
转载
2024-06-09 20:14:58
67阅读
解决跨域：开发环境中配置的跨域在将项目打包为静态文件时是没有用的 ，需要用 nginx 通过反向代理的方式解决这个问题# 工作模式与连接数上限
events {
...
}
# 设定http服务器
http {
...
server {
listen 8080; # 默认端口是 80，如果端口没被占用可以不用修改
se
转载
2024-05-08 08:29:49
3174阅读
一、 Vue项目打包发布apache报错：route，配置一个覆盖所有的路由情况1、需要修改router/index.js中new Router 配置，加一个base: '/htcm_front/', 它指定应用的基路径，该应用是服务于localhost/htcm_front路径下，所以必须加base配置，否则应用会展示404页面2、需要修改config/index.js中build下的
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections ...
转载
2019-08-03 11:35:00
333阅读
2评论
配置如下server { listen 80; server_name localhost; location / { root /app; index index.html; try_files $uri $uri/ /index.html; }}其中:/app 是网站根目录参考https://cli.vuejs.org/zh/guide/deployment.html...
原创
2021-07-12 10:20:12
2630阅读
Vue的路由实现：hash模式 和 history模式hash 模式(Vue-router默认)示例：hash模式优缺点history 模式示例：history 模式的优缺点：传统路由跟前端路由不同Vue源码学习目录 你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录前端路由有两种模式：hash 模式和 history 模式，接下来分析这两种模式的实现方式和优缺点。V
虚拟机安装nginx并部署Vue项目虚拟机用的操作系统是centos7一、安装nginx需要先将官网下载的源码进行编译，编译依赖gcc环境，如果没有gcc环境，需要安装gcc：yum -y install gcc二、 Nginx下载安装wget http://nginx.org/download/nginx-1.13.0.tar.gz 三、Nginx解压安装： 解压文件到usr/software目
转载
2024-07-02 04:52:33
2517阅读
theme: channing-cyanhighlight: a11y-darkNginx配置-vue项目打包部署篇一、打包配置部署相关说明将部署应用程序包的基本 URL(baseUrl在 Vue CLI 3.3 之前的叫法)。这相当于 webpack 的output.publicPath，但是 Vue CLI 也需要这个值用于其他目的，所以你应该总是使用publicPath而不是修改 webpa
转载
2024-06-27 13:16:31
81阅读
