zoukankan      html  css  js  c++  java
  • vue之项目打包部署到服务器

      这是今年的第一篇博客。整理一下vue如何从项目打包到部署服务器,给大家做下分享,希望能给大家带来或多或少的帮助,喜欢的大佬们可以给个小赞,如果有问题也可以一起讨论下。

    第一步:这是很关键的一步。打开项目,找到config文件夹下的index.js。搜索  assetsPublicPath  默认值为 '/‘ 应改为你要挂在到服务器的那个文件下的路径 。

     

    第二步:因为在开发时 会有跨域问题 我们为了方便会配置跨域代理比如proxyTable 一般都这样写,因为要部署到服务器上所以到服务器上之后就不存在跨域了,注销掉他。

    第三步:解决部署后图片图表路径404问题如xxxx/static/css/static/css/xxx这样的路径  在build/utils 中,找到这里添加  publicPath:'../../' 这条代码 即可解决这个问题。

    第四步: 在build/utils/webpack.prod.conf.js  中的output中添加一条 publicPath:'./'

    第五步:router/index.js路由模式一定要设置一个 不要不写 虽然默认的是 mode:'hash'  但不写的话会造成访问时出现空白页面  一定要写上  写上 history模式会消除 访问时 路径是出现个#的情况  默认的hash模式会有# ,找到目录src/router/index.js 修改成如下图所示:

     

     好啦这样就可以部署到服务器上了。

  • 相关阅读:
    转发 GSLB概要和实现原理
    通过openresty && tengine && nginx 动态添加资源到 html 页面
    Terraform 多云管理工具
    vault key 管理工具
    fabio
    keycloak 了解
    访问交换机的三种方式
    LAN、WAN、WLAN的区别
    浅谈团队贡献分如何分配
    Java程序性能分析工具Java VisualVM(Visual GC)—程序员必备利器
  • 原文地址:https://www.cnblogs.com/xiaojuziya/p/12354058.html
Copyright © 2011-2022 走看看