首页 发现 帮助
注册 登录
sangkf
/
wvp
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

修复打包后静态页面加载异常

panlinlin 4 年之前
父节点
5b18172896
当前提交
41ca4e938d
共有 7 个文件被更改，包括 26 次插入 和 23 次删除
分列视图 显示文件统计
  1. 3 3
      src/main/java/com/genersoft/iot/vmp/conf/security/WebSecurityConfig.java
  2. 2 2
      web_src/build/webpack.dev.conf.js
  3. 3 3
      web_src/build/webpack.prod.conf.js
  4. 1 1
      web_src/config/index.js
  5. 4 4
      web_src/index.html
  6. 2 0
      web_src/src/App.vue
  7. 11 10
      web_src/src/main.js

+ 3 - 3
src/main/java/com/genersoft/iot/vmp/conf/security/WebSecurityConfig.java
查看文件 

@@ -69,9 +69,7 @@ public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
 
         // 可以直接访问的静态数据
 
         web.ignoring()
 
                 .antMatchers("/")
 
-                .antMatchers("/css/**")
 
-                .antMatchers("/img/**")
 
-                .antMatchers("/fonts/**")
 
+                .antMatchers("/static/**")
 
                 .antMatchers("/index.html")
 
                 .antMatchers("/doc.html") // "/webjars/**", "/swagger-resources/**", "/v3/api-docs/**"
 
                 .antMatchers("/webjars/**")
 
@@ -100,6 +98,8 @@ public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
 
     @Override
 
     protected void configure(HttpSecurity http) throws Exception {
 
         http.cors().and().csrf().disable();
 
+        // 设置允许添加静态文件
 
+        http.headers().contentTypeOptions().disable();
 
         http.authorizeRequests()
 
                 // 放行接口
 
                 .antMatchers("/api/user/login","/index/hook/**").permitAll()

+ 2 - 2
web_src/build/webpack.dev.conf.js
查看文件 

@@ -64,8 +64,8 @@ const devWebpackConfig = merge(baseWebpackConfig, {
 
         to: config.dev.assetsSubDirectory,
 
         ignore: ['.*']
 
       },
 
-      { from: 'node_modules/@easydarwin/easywasmplayer/libDecoder.wasm'},
 
-      { from: 'node_modules/@easydarwin/easywasmplayer/EasyWasmPlayer.js', to: 'js/'}
 
+      { from: 'node_modules/@easydarwin/easywasmplayer/libDecoder.wasm', to: 'static/'},
 
+      { from: 'node_modules/@easydarwin/easywasmplayer/EasyWasmPlayer.js', to: 'static/js/'}
 
     ])
 
   ]
 
 })

+ 3 - 3
web_src/build/webpack.prod.conf.js
查看文件 

@@ -46,7 +46,7 @@ const webpackConfig = merge(baseWebpackConfig, {
 
       filename: utils.assetsPath('css/[name].[contenthash].css'),
 
       // Setting the following option to `false` will not extract CSS from codesplit chunks.
 
       // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
 
-      // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, 
+      // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`,
 
       // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
 
       allChunks: true,
 
     }),
 
@@ -115,8 +115,8 @@ const webpackConfig = merge(baseWebpackConfig, {
 
         to: config.build.assetsSubDirectory,
 
         ignore: ['.*']
 
       },
 
-      { from: 'node_modules/@easydarwin/easywasmplayer/libDecoder.wasm'},
 
-      { from: 'node_modules/@easydarwin/easywasmplayer/EasyWasmPlayer.js', to: 'js/'}
 
+      { from: 'node_modules/@easydarwin/easywasmplayer/libDecoder.wasm', to: 'static/'},
 
+      { from: 'node_modules/@easydarwin/easywasmplayer/EasyWasmPlayer.js', to: 'static/js/'}
 
     ])
 
   ]
 
 })

+ 1 - 1
web_src/config/index.js
查看文件 

@@ -51,7 +51,7 @@ module.exports = {
 
 
     // Paths
 
     assetsRoot: path.resolve(__dirname, '../../src/main/resources/static/'),
 
-    assetsSubDirectory: '.',
 
+    assetsSubDirectory: './static',
 
     assetsPublicPath: '/',
 
 
     /**

+ 4 - 4
web_src/index.html
查看文件 

@@ -4,12 +4,12 @@
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <title>国标28181</title>
 
-    <link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css">
 
-    <link rel="stylesheet" type="text/css" href="/static/css/login.css">
 
+    <link rel="stylesheet" type="text/css" href="./static/css/font-awesome.min.css">
 
+    <link rel="stylesheet" type="text/css" href="./static/css/login.css">
 
   </head>
 
   <body>
 
-    <script type="text/javascript" src="./js/EasyWasmPlayer.js"></script>
 
-    <script type="text/javascript" src="/static/js/ZLMRTCClient.js"></script>
 
+    <script type="text/javascript" src="./static/js/EasyWasmPlayer.js"></script>
 
+    <script type="text/javascript" src="./static/js/ZLMRTCClient.js"></script>
 
     <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=rk73w8dv1rkE4UdZsataG68VarhYQzrx&s=1"></script>
 
     <div id="app"></div>
 
     <!-- built files will be auto injected -->

+ 2 - 0
web_src/src/App.vue
查看文件 

@@ -21,6 +21,7 @@ export default {
 
   created() {
 
     if(!this.$cookies.get("session")){
 
       //如果没有登录状态则跳转到登录页
 
+      console.log("33333333")
 
       this.$router.push('/login');
 
     }
 
   },
 
@@ -42,6 +43,7 @@ export default {
 
       //cookie操作方法在源码里有或者参考网上的即可
 
       if(!this.$cookies.get("session")){
 
         //如果没有登录状态则跳转到登录页
 
+        console.log("222222222")
 
         this.$router.push('/login');
 
       }
 
     },

+ 11 - 10
web_src/src/main.js
查看文件 

@@ -41,16 +41,17 @@ Vue.prototype.$notify = Notification;
 
 axios.defaults.baseURL = (process.env.NODE_ENV === 'development') ? process.env.BASE_API : "";
 
 
 // api 返回401自动回登陆页面
 
-axios.interceptors.response.use(function (response) {
 
-  // 对响应数据做点什么
 
-  return response;
 
-}, function (error) {
 
-  // 对响应错误做点什么
 
-  if (error.response.status === 401) {
 
-    router.push('/login');
 
-  }
 
-  return Promise.reject(error);
 
-});
 
+// axios.interceptors.response.use(function (response) {
 
+//   // 对响应数据做点什么
 
+//   return response;
 
+// }, function (error) {
 
+//   // 对响应错误做点什么
 
+//   if (error.response.status === 401) {
 
+//     console.log((1111))
 
+//     router.push('/login');
 
+//   }
 
+//   return Promise.reject(error);
 
+// });
 
 
 Vue.prototype.$cookies.config(60*30);