政务微网站建设方案,正规的企业网站建设公司,网站标准字体,网站推广的途径和方法一、
使用 npm run build打包完成之后会出现一个dist文件夹#xff0c;里面有static文件夹和一个index.html文件#xff0c;一般我们部署在tomcat上面会将文件放在webapps文件夹下
如果不进行任何修改将dist文件夹放进去的话#xff0c;会出现资源路径错误的问题#xff…一、
使用 npm run build打包完成之后会出现一个dist文件夹里面有static文件夹和一个index.html文件一般我们部署在tomcat上面会将文件放在webapps文件夹下
如果不进行任何修改将dist文件夹放进去的话会出现资源路径错误的问题因为config文件夹下index文件build默认的 assetsPublicPath:/除非部署的时候将dist文件里的文件放在webapps下这样就很不科学那我们如何解决这个问题呢
修改config文件夹下index文件中的build里的assetsPublicPath:./修改router文件夹下index.js添加 base: ‘/文件夹名称/’ 例如vue可以自己随意设置在tomcat下webapps里面新建一个文件夹名称是之前配置时设置的名称vuenpm run build打包后将dist文件夹下的文件放在vue文件夹下
访问地址为 http://xxxxxxxxx/vue/
二、
如果出现css等文件404的问题细心观察你会发现是资源路径错误那要如何解决呢
修改build下的utils.js文件
// Extract CSS when that option is specified// (which is the case during production build)if (options.extract) {return ExtractTextPlugin.extract({use: loaders,publicPath: ../../, //添加该行解释pubicpath为打包后app.css至index.html的相对路径fallback: vue-style-loader})} else {return [vue-style-loader].concat(loaders)}三、
如果你的项目路由使用的模式是history模式那么你一定会遇到上线后页面刷新出现404的问题
查阅文档后发现如果使用history模式需要后端人员给予支持直接在tomcat下webapps下你的项目文件夹中新建一个WEB-INF文件夹里面创建一个web.xml文件文件内容为
?xml version1.0 encodingUTF-8?
web-app xmlnshttp://xmlns.jcp.org/xml/ns/javaee xmlns:xsihttp://www.w3.org/2001/XMLSchema-instancexsi:schemaLocationhttp://xmlns.jcp.org/xml/ns/javaeehttp://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsdversion3.1 metadata-completetruedisplay-nameRouter for Tomcat/display-nameerror-pageerror-code404/error-codelocation/index.html/location/error-page
/web-app
