zoukankan      html  css  js  c++  java
  • Vuejs+elementUI项目,在进行打包时,要注意的问题

    注意:打包之前,需要注意修改一些地方

    (1)若是前后端分离开发的,前端开发过程中可能会在api.js中设置访问路径为服务器所在电脑的ip:端口,打包前,最好将它改回localhost:8080

    (2)打包后,放到服务器,可能会出现找不到页面js文件的问题,所以预先在webpack.prod.conf.js文件:

    const webpackConfig/output内,添加字段publicPath:'./',效果如下

    output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js'),
    publicPath:'./'
    },

    1、打包命令:cnpm run build

    2、打包完成后,在项目目录中会生成一个dist文件夹,内有static文件夹和index.html(测试一下,看能否直接打开index.html文件,能则打包成功)

    3、index.html是服务器要用到的默认页面,static文件夹内是编译压缩后的js文件,供index.html引用

    4、将static文件夹和index.html文件放到服务器的webapp/WEB-INF下,即可启动服务器。启动之前,若web.xml中设置了<servlet>的<servlet-mapping>的<url-pattern>为“/”,则要在springmvc.xml文件中添加配置访问webapp下static文件夹下的静态资源的

    <mvc:annotation-driven /><mvc:resource location="/static/" mapping="/static/**"/>标签,表示DispatcherServlet不会拦截以/static开头的所有请求路径,并当做静态资源处理。若web.xml中设置的<servlet>的<servlet-mapping>的<url-pattern>为具体的匹配规则,则springmvc中不用另加配置
    <mvc:annotation-driven /><mvc:resource location=“” mapping=""/>
  • 相关阅读:
    应用程序域的用法
    WCF 暴露元数据的配置
    无svc文件发布WCF服务到IIS上
    C#输出毫秒
    [一点一滴学英语]20051017
    从其他平台转向Windows,MS提供了很多便利;那反过来呢?
    Ward Cunningham加入Eclipse?
    [导入][链接]Linux常用命令/快捷键
    [导入][号外]Oracle to buy JBoss, Zend and Sleepycat?
    [导入][链接]Google开始向Linux移植其Windows应用程序?
  • 原文地址:https://www.cnblogs.com/blackdd/p/8664148.html
Copyright © 2011-2022 走看看