• 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问题就解决了

  • 相关阅读:
    echars 折线图使用
    echars 饼图使用
    React native中DrawerNavigator,StackNavigator,TabNavigator导航栏使用
    React native 中 SectionList用法
    React native 中使用Fetch请求数据
    React native中使用XMLHttpRequest请求数据
    实现在WebView中返回上一级
    DatePickerAndroid用法
    Lambda
    .Net常见线程安全问题整理
  • 原文地址:https://www.cnblogs.com/lwdmaib/p/12161516.html
Copyright © 2020-2023  润新知