vue 发布服务器配置nginx踩坑

最新推荐文章于 2023-08-03 08:02:17 发布
最新推荐文章于 2023-08-03 08:02:17 发布
阅读量611 收藏
点赞数
分类专栏： vue 文章标签： vue nginx配置vue页面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43075758/article/details/103716886
版权

百度了N久,,看到的配置nginx的代码都差不多.

如下图:

上图的逻辑是http://localhost:8080/OA就会访问index.html入口文件...

 

 

 

 

 

 

这个坑我爬了五六个小时,开始不行我就请教老大了,,他弄了一上午没弄出来,然后下午我在本地自己慢慢测,,发现要用文件夹包起来是我看到错误信息:

如图.我输入http://localhost:8080/OA  去D:\ui/OA/index.html里找..但是没有OA这个文件夹,我才意识到要加一个文件夹.nginx找不到会到nginx的html里去找,也没有发现OA这个文件夹.所以一直报错.

 

不写bug的程序媛
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nginx 部署vue项目
m0_55588226的博客
04-21 3270
文章目录nginx 部署vue项目1.下载nginx2.把下载好的文件上传至Liunx目录3.安装nginx服务器3.安装之后4.上传Vue项目5.启动项目测试 nginx 部署vue项目 1.下载nginx nginx下载地址 选择此版本的nginx，如下图所示： 2.把下载好的文件上传至Liunx目录 我放在了/usr/local/目录下 解压此文件： tar -xvf nginx-1.21.6.tar.gz 3.安装nginx服务器 在解压出来的文件夹nginx-1.21.6根目录中执行如下命令
vue打包部署nginx 配置
01-24
vue开发完毕，打包之后上线，传到nginx服务器配置问题解决
使用Nginx发布Vue应用
sinat_35773915的博客
08-03 820
本教程将指导你如何使用Nginx来发布Vue应用。Nginx是一个高性能的开源Web服务器，可以用于部署静态网页、反向代理和负载均衡等。Vue是一个流行的JavaScript框架，用于构建现代化的单页面应用。
Vue Nginx发布操作
SmallBurial的博客
10-21 422
Nginx发布Vue操作
Vue打包部署到Nginx时,css样式不生效的解决方式
10-15
主要介绍了Vue打包部署到Nginx时,css样式不生效的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue项目部署Nginx配置文件 SSL
08-11
在部署 Vue 项目时，Nginx 配置文件 `nginx.conf` 的关键设置如下： 1. **基本配置**： - `server` 块：定义一个监听特定端口（通常是80）的服务器实例。 ```nginx server { listen 80; server_name your...
web服务器nginx+部署前端vue项目
最新发布
03-22
其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。 2.Nginx 作为 web 服务器 Nginx 可以作为静态...
vue项目部署到nginx/tomcat服务器的实现
10-16
主要介绍了vue项目部署到nginx/tomcat服务器的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-router+nginx 非根路径配置方法
08-27
"vue-router+nginx 非根路径配置方法" 作为一名IT行业大师，我将详细介绍vue-router+nginx 非根路径配置方法的相关知识点。 一、vue-router 简介 vue-router 是 Vue.js 官方提供的路由管理器，用于管理应用程序中...
nginx服务器及部署vue的常见问题
bug收集
09-25 758
一、什么是Nginx? Nginx 是一个很强大的高性能Web和反向代理服务 其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等 二、Nginx的作用 负载均衡、静态服务器、正反向的代理 ### 三、下载 网址：http://nginx.org/en/download.html Mainline所有功能都全的版本（推荐） Stable version稳定版 Legacy versions老版本
vue项目部署至服务器报错vue is not defined
初叙
05-23 2530
vue项目部署至服务器报错vue is not defined，有几个文件访问不到： 刚开始不知道，找不着文件，后面搜到了cdn。应该是cdn挂了，替换了另一个cdn网站：bootcdn.cn 本地打包部署系统就通了，关于cdn也是今天刚知道，后面了解一下。这个配置在vue.config.js里面: const assetsCDN = { // webpack build externals externals: { vue: 'Vue', 'vue-router'.
vue项目部署至nginx&踩坑记
weixin_42235965的博客
10-31 2283
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/lvdou1120101985/article/details/84325085 1.前言 在本地吭哧吭哧的写了两个星期，终于到了需要部署到服务器供测试的时候了！！ 初始的设想是部署到tomcat，放在...
nginx部署vue以及跳坑~
myth_g的博客
08-01 1679
列举几种部署方式: 如果vue的路径是默认hash则不会出现history方式的404错误,这里先不说了; 以下均为vue路由mode=history方式: 1.最简单的方式: 将vue打包生成的dist中的static和index.html放到nginx的html包下; location / { root html; try_files $uri $uri/ /...
通过nginx配置Vue nginx报403问题的解决方法
Magic1an的博客
09-17 1万+
今天在服务器上通过子目录部署vue build后的文件时，遇到了部署后访问该路径报403 Forbidden的问题。具体情况如下： nginx的版本为1.17.3 此时nginx.conf的配置情况 server { listen 5000; server_name localhost; ...
vue 在nginx上面出现刷新后404错误
liaoxiaolin520的博客
10-15 2606
解决办法： 在nginx的配置文件中添加 location / { root /usr/share/nginx/html/; index index.html index.htm; try_files $uri $uri/ @router; index index.html; } location ...
解决vue线上部署请求接口出现net::ERR_CONNECTION_REFUSED问题
热门推荐
编码日常
02-11 4万+
问题描述：使用springboot和vue开发前后端分离项目时，在本地开发环境访问项目前端请求后端RESTfule接口正常，但部署到云端服务器时，请求后端接口出现net::ERR_CONNECTION_REFUSED错误。 调用浏览器控制台发现no-referrer-when-downgrade 解决方法： 将下图请求的baseurl修改为localhost就行 ...
解决vue项目部署到Nginx中遇到的问题
hhh233dd的博客
03-20 1744
将vue项目部署到Nginx中遇到的两个问题 经过查阅，成功解决问题。 部署到服务器后Element UI图标不显示的问题 原因：查看 /build/webpack.base.conf.js 文件，可以发现woff 或 ttf 这些字体会经由 url-loader 处理后在 static/fonts 目录下生成相应的文件。 实际应通过 /static/fonts/** 路径来获取字体图标，可实际却是请求 /static/css/static/fonts/**，所以报了404 错误。 解决方法： 打开
vue怎么配置nginx
07-12
要将Vue应用程序配置到Nginx服务器中，可以按照以下步骤进行操作： 1. 首先，确保已经安装了Nginx服务器。如果还没有安装，请根据您的操作系统进行安装。 2. 打开Nginx的配置文件。在Ubuntu系统上，默认的配置文件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值