• vue项目nginx部署子目录


    最近在做项目的过程中,为了节省服务器,需要在原来的项目中部署子目录的形式、总的来说,需要修改项目中的配置以及ngnix的配置才可实现

    一 修改vue项目中的配置

    1)找到config/index.js文件,把dev和build中的assetsPublicPath 改成二级目录的名称,例如:

    2) 在路由处做修改,添加base

    这样添加好之后,就可以在本地运行看,本地的url也是有app前缀的

    由于打包添加了子目录,所以index.html的资源引用添加了app文件夹,所以部署的包必须一致,也必须是app文件夹(子目录名称),可以打开index文件看下资源路径

    默认build后,包名是dist文件夹,可以通过修改 config / index.js的配置来达到,代码如下:

    二 nginx的配置

    对应的nginx配置参照如下:

    配置好之后,重启nginx即可。

  • 相关阅读:
    ivew-admin 导入excel
    ivew Upload 上传时附带的额外参数
    工厂方法模式
    简单工厂模式
    webpack (1)
    商品格子
    合同签名
    展示图片数组
    使用egg.js和egg-sequelize连接mysql
    egg 连接mysql 在mysql 插入数据
  • 原文地址:https://www.cnblogs.com/alice626/p/13219206.html
Copyright © 2020-2023  润新知