Nginx部署到vue项目时报405

文章讲述了在Nginx服务器配置中遇到405错误的原因是/prod-api路径不匹配,解决方案是将其更改为前端对应的路径前缀,并配置了代理到本地8800端口的相关设置。
摘要由CSDN通过智能技术生成

 一直报405错误,是因为location /prod-api/ 这个/prod-api/ 的问题,之前在网上看不知道这是什么,见别人的代码就换掉了,应该把这个地方换成与你的前端对应的路径前缀。

server {
        listen    80;
        server_name  localhost;
        location / {
            root C:/Users/29658/Desktop/nginx-1.12.2/html/dist;
            index  index.html index.htm;
	    try_files $uri $uri/ /index.html; #解决页面刷新404
        }
	location /prod-api/{
		#175.7.59.163
		rewrite ^/prod-api/(.*)$ /$1 break;
		proxy_pass http://localhost:8800;
	 	proxy_read_timeout 1200;
	 	proxy_set_header Host $HOST;
        }
    }
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
当使用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项目

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值