zoukankan      html  css  js  c++  java
  • vue 打包部署

    问题描述:通过打包后nginx 转发造成502   404 

    由于我们使用的是ip 对外开放了公网用于客户演示场景使用  项目访问路径为:http://ip:90/v42d26/#/

    服务器为windows 服务 后端打包 fis_42.jar   直接采用java -jar fis_41.jar 方式启动  端口号为:8068

    前端  vue 采用npm run build 打包  将打包好的dist 文件夹放在  E:/run_fisv42_d1/dist

    vue 打包配置如下:

    assetsPublicPath:'/'  修改assetsPublicPath:'./' 修改为相对路径

    服务器部署结构:

    由于对外公网地址通过ip:v42d26 方式访问  问题1: 502   nginx.conf 配置如下  

    由于我采用的是api代理方式那么公网对外访问时候多了v42d26/api/方式  这时候多了项目名称,这时候发送请求的时候

    请求出现502错误  我解决的方案是 将所有请求都添加上v42d26/   添加方式在vue 拦截器请求时候拼接上

    如下图:

     这样请求地址就对了 http://ip:90/v42d26/api/user/login  这时候502错误就解决了

    问题二:404   当解决完上面的配置502报错问题后  随之而来的是404  

    后端的接口服务提供的接口访问方式是:/user/login

    由于请求的路径为:http://ip:90/v42d26/api/user/login 随之而来的后端访问请求路径无法找到?404???

     修改了nginx.conf 配置文件  将请求的项目名称进行截取  这样404问题就解决了

  • 相关阅读:
    第三天
    第二天
    第一天
    构建之法阅读笔记06
    返回一个一维整数数组中最大子数组的和2
    团队介绍
    软件工程结对作业02
    返回一个整数数组中最大子数组的和
    构建之法阅读笔记05
    暑假周总结二7.22
  • 原文地址:https://www.cnblogs.com/lwdmaib/p/12161516.html
Copyright © 2011-2022 走看看