zoukankan      html  css  js  c++  java
  • 第49月第18天 vue-cli打包 SpringMVC访问html页面

    1.

    打包方法:

    1.把绝对路径改为相对路径:打开config/index.js 会看到一个build属性,这里就是我们打包的基本配置了。在这里可以修改打包的目录,打包的文件名。最重要的是一定要把绝对目录改为相对目录。即:把 assetsPublicPath:'/' 改为 assetsPublicPath:'./'

    2.在当前工程文件下使用命令:npm run build  进行打包。

    https://www.cnblogs.com/FHC1994/p/10392498.html

    https://www.runoob.com/vue2/vue-install.html

    vue-cli取消打包时生成css和js对应的map文件

    vue-cli2.x:config目录下的index.js文件,默认是在59行,将productionSourceMap属性更改为false,或者直接将这个属性给注释掉.

    https://blog.csdn.net/hbysj/article/details/93051628

    2.

    vue组件使用分三步:

    1. 引用组件 import facePop from './components/facePop'
    2. 注册组件 components = { facePop }
    3. 使用组件 <facePop></facePop>
    https://www.jianshu.com/p/6dfb2d2cbc71



    3.web-pack vue

    https://segmentfault.com/a/1190000012789253?utm_source=tag-newest

    4.SpringMVC访问html页面

    SpringMVC访问html页面(spring 拦截器将其拦截,需配置静态资源)

      spring-MVC配置文件:

    <!--静态资源-->
    <mvc:resources mapping="/js/**" location="/js/"/>
    <mvc:resources mapping="*.html" location="/"/>

    https://www.cnblogs.com/wxwBlog/p/5913816.html

  • 相关阅读:
    六、使用media实现响应式布局
    五、块全屏居中
    四、圆角长方形的设计
    三、常用行内元素与块元素
    二、“…”显示超出文本
    一、CSS实现横列布局的方法总结
    window如何一键关闭所有进程程序
    纯css竟可以做出边框这样长宽度的过渡效果
    改变网页的兼容性模式
    bootstrap知识笔记
  • 原文地址:https://www.cnblogs.com/javastart/p/13834327.html
Copyright © 2011-2022 走看看