vue部署nginx无法访问服务端端问题

最新推荐文章于 2024-04-12 15:24:35 发布
最新推荐文章于 2024-04-12 15:24:35 发布
阅读量1.4k 收藏 2
点赞数
文章标签： nginx spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ganshengcai/article/details/116398814
版权

nginx的配置文件nginx.conf配置后台地址代理的时候，代理名称前后都要加/,如图中‘/rest/’;ip + 端口号，后面也要加/。然后保存重新加载配置文件，或者重启nginx即可访问正常。

因为代理名称和服务后台代理没加/，导致花了很多时间去找问题。

 

倔强旋律
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue项目部署Nginx配置文件 SSL
08-11
Vue项目结果build编译后，放在Nginx的html文件夹内，替换该配置文件，就可以在Nginx服务器上运行Vue项目
vue项目打包部署以及使用nginx代理后端接口
weixin_43410094的博客
09-05 755
vue项目打包后使用nginx部署到本地以及使用nginx代理后端接口
VUE项目IIS部署 使用nginx代理访问后端接口
04-12 224
【代码】VUE项目IIS部署 使用nginx代理访问后端接口。
Vue打包上线后的跨域问题处理
热门推荐
chenyu00544的博客
03-11 1万+
由于开发环境和生产环境的不同，会导致vue访问出现跨域的问题。 一、开发环境跨域问题 1.config/index.js文件配置代理，找到proxyTable字段，如下面一样配置 dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/xx...
Vue 使用proxy代理解决跨域问题
qq_36162336的博客
05-08 841
1. 首先我们应该知道，前端axios在本地发送的请求如果你不把路径写全，它都是会默认加上自己项目所在的端口，就比如说：当我点击发送按钮之后，以上两行代码实际为：其中 localhost:8080 就是自己项目所在的地址了。实际前端就会根据以上的地址来访问后端程序了。2.，什么是跨域呢？首先，明白什么是？同源就是指都要相同，其中任何一个不同都会出现跨域。例如：// http 是协议// www.baidu.com 是域名// 8000 是端口跨域，是指浏览器不能执行其他网站的脚本。
vue项目打包发布到Nginx后无法访问后端接口解决办法
weixin_42485732的博客
03-30 6726
【代码】vue项目打包发布到Nginx后无法访问后端接口解决办法。
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
11-20
本地开发没问题能正常请求到接口，部署后页面也能展示出来就是接口的数据请求不到 network一看是这么个情况 对比了本地的页面 可以发现是remote address出了问题。 经过查询得知：Remote Address代表的是当前HTTP请求的远程地址，即HTTP请求的源地址。 我的猜想是proxy代理在本地环境下用的是localhost即127.0.0.1进行转发代理的，而部署到服务器后相当于换了个环境（ ip地址和端口已经改变 ），此时proxy代理就出错了。 解决方法： 地址错误了，那就换到正确的地址。 即：本地开发环境 代理时用127.0.0.1，生产环境用服务器的ip 在Vue
nginx部署vue项目，路由配置，后端访问接口配置
weixin_45393413的博客
08-22 5961
nginx部署vue项目，配置前端项目访问子路径，后端访问接口路径配置
Nginx解决vue项目服务器部署以及跨域访问后端
袁的博客
11-06 9319
Nginx解决vue项目服务器部署以及跨域访问后端
windows10 下本机搭建nginx发布部署vue项目并访问本机后端
jquery_learn的博客
02-01 810
Windows本机nginx部署vue项目
vue项目部署到nginx/tomcat服务器的实现
10-16
主要介绍了vue项目部署到nginx/tomcat服务器的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
web服务器nginx+部署前端vue项目
03-22
1. 什么是 nginx 和可以做什么事情 Nginx 是高性能的 HTTP 和反向代理的web服务器，处理高并发能力是十分强大的，能经受高负 载的考验,有报告表明能支持高达 50,000 个并发连接数。 其特点是占有内存少，并发能力强...
cenos7 下 docker 部署 vue+nginx
01-30
cenos7 下 docker 部署 vue+nginx 步骤
Vue中跨域及打包部署到nginx跨域设置方法
10-16
主要介绍了Vue中跨域以及打包部署到nginx跨域设置方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Vue 服务器域名与接口不同域名上线后404
xm2395939的博客
08-18 1211
当Vue项目打包上线后 服务器域名与接口域名不同时 会报404 这是因为vue在开发环境下，会根据配置好的api自动添加基准路径 而在开发环境下，需要手动配置 在config/prod.env.js添加 module.exports = merge(prodEnv, { NODE_ENV: '"production"', API_ROOT: '"http://xxxx.xxxxxx.xxx"' // 基准路径 }) 在api统一管理的文件内添加拦截器 ///request拦截器 axios.int
vue-cli配置域名访问报错：Invalid Host header（无效的主机头）
qq_40678503的博客
10-21 2101
在开发vue-cli脚手架项目的时候，配置了host : 127.0.0.1 dev.com 想通过dev.com:8080去访问项目，dev.com这个域名后端已经配置好了跨域 但是访问的时候会报Invalid Host header（无效的主机头）错误 上解决方法： 要修改webpack的配置，在项目的根目录下增加vue.config.js 文件 module.exports = { productionSourceMap: false, devServer: { historyApi
vue-cli修改域名之后报错
m0_48263336的博客
01-19 731
报错信息如下： 解决办法： 1.cmd 下输入 ：ipconfig命令 查看自己的IP 2.修改vue 项目的本地host 为自己的IP 3.保存 host 4.运行 npm run dev （或者 npm run serve）
vuecli3打包发布后无法访问静态资源（404）
Tino's Space
09-29 1万+
场景 vuecli3或者vuecli4项目，本地运行可以正常访问静态资源，打包发布到线上后，通过域名访问后无法访问到静态资源，也就是404 原因分析 1.配置的映射域名并不是在根域名下，而是在次一级的location下，而publicPath配置的确实绝对路径"/" 关于publicPath的配置，vuecli官方给了详细的解决办法，即是把vue.config.js中的publicPath改成相对路径，网上大部分人都是这么说的，然儿并不能彻底解决这个问题。 https://cli.vuejs.org/zh/
Vue项目宝塔部署Nginx跨越解决访问不了后端问题
qq_48435967的博客
11-01 3381
2.我在项目过程中有创建api.js用来统一管理异常提示和不同的请求分发,没有的可以创建一个。proxy_pass http://localhost:你的后端口号/;3.通过/api替换url来统一替换请求头达到跨域效果。4.打开宝塔面板点击设置。5.在配置文件中添加以下。
docker部署nginx部署访问vue项目
最新发布
04-21
当使用Docker部署Nginx来访问Vue项目时，可以按照以下步骤进行操作： 1. 首先，确保已经安装了Docker和Docker Compose。这两个工具可以帮助我们管理和运行容器。 2. 创建一个新的文件夹，用于存放相关的配置文件和代码。 3. 在该文件夹下创建一个名为`Dockerfile`的文件，并添加以下内容： ``` # 使用官方的Nginx镜像作为基础镜像 FROM nginx # 删除默认的Nginx配置文件 RUN rm /etc/nginx/conf.d/default.conf # 将自定义的Nginx配置文件复制到容器中 COPY nginx.conf /etc/nginx/conf.d # 将Vue项目的静态文件复制到Nginx的默认网站目录 COPY dist /usr/share/nginx/html # 暴露80端口，允许外部访问 EXPOSE 80 ``` 4. 在同一文件夹下创建一个名为`nginx.conf`的文件，并添加以下内容： ``` server { listen 80; server_name localhost; location / { root /usr/share/nginx/html; index index.html; try_files $uri $uri/ /index.html; } } ``` 这个配置文件将Nginx监听80端口，并将所有请求转发到Vue项目的静态文件。 5. 将Vue项目的打包文件（通常在`dist`目录下）复制到同一文件夹下。 6. 打开终端，进入到该文件夹，并执行以下命令来构建和运行Docker容器： ``` docker build -t my-nginx . docker run -d -p 80:80 my-nginx ``` 第一条命令将根据`Dockerfile`构建一个名为`my-nginx`的镜像。第二条命令将在后台运行该镜像，并将容器的80端口映射到主机的80端口。 现在，您可以通过访问`http://localhost`来查看部署的Vue项目。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值