zoukankan      html  css  js  c++  java
  • vue项目打包发布

    项目开发完了以后,肯定是要打包的,不然也就失去了项目存在的意义。

    上图中的build就是打包的,它会根据你的配制文件生成一个目录,然后目录中就是最终生成的文件,

    上传到服务器,就可以运行。

    但是,一般都是存在各种各样的问题,比较说路径问题,这个是常见的问题。

     这个是vue.config.js

    1、目录路径(静态资源)问题

    publicPath: 这个是访问的根目录,一开始是/ 

    outputDir:这个是生成的文件放在那个目录下面,如果叫abc,那么生成的目录这样的 上图中是disc那么disc就是生成的目录名。

    abc 

        -- index.html

      -- static

    那么生成的文件中的index.html,link src等等的路径全是以/static,这样会导致路径出错。

    index.html要访问static目录下的文件,那直接访问就可以了。不用加/,这样就把publicPath去掉。

    2、api路径的问题

    我们一般是通过一个基础的js文件,里面封装了axios,如下图:

     这个是读的配制文件,如果下图:

     这样的话,只要替换 '/您的服务器api的根目录',当然有些是不会有什么根的,那就直接去掉即可。(同理不同是也。)

     这样的话,发布以后就是我们想要的,包括了静态资源以及api的路径。

    道法自然
  • 相关阅读:
    软件使用[17]
    软件使用[20]
    软件使用[12]
    软件使用[10]
    软件使用[22]
    软件使用[06]
    软件使用[11]SlickEdit
    软件使用[19]
    uva 10717【Mint】
    uva 10791【 Minimum Sum LCM】
  • 原文地址:https://www.cnblogs.com/jiduoduo/p/14763784.html
Copyright © 2011-2022 走看看