zoukankan      html  css  js  c++  java
  • 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即可。

  • 相关阅读:
    AGC 044 A
    example
    python3遇到的问题
    构建开发环境
    pandas处理数据
    pandas.DataFrame对象解析
    pandas再次学习
    监督式学习
    机器学习的基础概念
    赖世雄老师的音标课,旋元佑老师的语法书
  • 原文地址:https://www.cnblogs.com/alice626/p/13219206.html
Copyright © 2011-2022 走看看