调整目录结构

package.json

@@ -2,25 +2,28 @@
     "private": true,
     "scripts": {
         "dev": "npm run development",
-        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "watch": "npm run development -- --watch",
-        "watch-poll": "npm run watch -- --watch-poll",
-        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check --config=node_modules/laravel-mix/setup/webpack.config.js",
+        "development": "mix",
+        "watch": "mix watch",
+        "watch-poll": "mix watch -- --watch-options-poll=1000",
+        "hot": "mix watch --hot",
         "prod": "npm run production",
-        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+        "production": "mix --production"
     },
     "devDependencies": {
         "axios": "^0.21",
         "cross-env": "^7.0.2",
         "css-loader": "^0.28.7",
-        "internal-ip": "^6.2.0",
         "jquery": "^3.5.1",
-        "laravel-mix": "^2.0",
+        "laravel-mix": "^6.0.6",
         "lodash": "^4.17.19",
         "postcss": "^8.1.14",
+        "resolve-url-loader": "^3.1.3",
+        "sass": "^1.34.0",
+        "sass-loader": "^11.1.1",
         "stylus": "^0.54.8",
         "stylus-loader": "^3.0.2",
         "vue": "^2.6.12",
+        "vue-loader": "^15.9.7",
         "vue-router": "^3.4.2",
         "vue-template-compiler": "^2.6.11"
     },

resources/assets/js/App.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-    import Spinner from "./common/components/Spinner";
+    import Spinner from "./components/Spinner";
     export default {
         components: {Spinner},
         data () {

resources/assets/js/app.js

@@ -3,21 +3,21 @@ import App from './App.vue'
 import routes from './routes'
 import VueRouter from 'vue-router'
 import ViewUI from 'view-design-hi';
-import Language from './common/language/index'
-import Mixins from './common/mixins/index'
+import Language from './language/index'
+import Mixins from './mixins/index'
 
-import './common/functions/index'
-import './main'
+import './functions/common'
+import './functions/app'
 
 Vue.use(VueRouter);
 Vue.use(ViewUI);
 Vue.use(Language);
 Vue.use(Mixins);
 
-import PageTitle from './common/components/PageTitle.vue'
-import Loading from './common/components/Loading.vue'
-import AutoTip from './common/components/AutoTip.vue'
-import TableAction from './common/components/TableAction.vue'
+import PageTitle from './components/PageTitle.vue'
+import Loading from './components/Loading.vue'
+import AutoTip from './components/AutoTip.vue'
+import TableAction from './components/TableAction.vue'
 
 Vue.component('PageTitle', PageTitle);
 Vue.component('Loading', Loading);

resources/assets/js/pages/404.vue

@@ -0,0 +1,47 @@
+<template>
+    <div class="page-404">
+        <div class="flex-center position-ref full-height">
+            <div class="code">404</div>
+            <div class="message">Not Found</div>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+:global {
+    .page-404 {
+        background-color: #fff;
+        color: #636b6f;
+        font-weight: 400;
+        height: 100vh;
+        margin: 0;
+
+        .full-height {
+            height: 100vh;
+        }
+
+        .flex-center {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+        }
+
+        .position-ref {
+            position: relative;
+        }
+
+        .code {
+            border-right: 2px solid;
+            font-size: 26px;
+            padding: 0 15px 0 15px;
+            text-align: center;
+        }
+
+        .message {
+            font-size: 18px;
+            padding: 10px;
+            text-align: center;
+        }
+    }
+}
+</style>

resources/assets/js/routes.js

@@ -0,0 +1,27 @@
+export default [
+    {
+        name: 'index',
+        path: '/',
+        component: () => import('./pages/index.vue')
+    },
+    {
+        name: 'dashboard',
+        path: '/dashboard',
+        component: () => import('./pages/dashboard/index.vue'),
+    },
+    {
+        name: 'project-detail',
+        path: '/project/:id',
+        component: () => import('./pages/project/detail.vue'),
+    },
+    {
+        name: 'users-login',
+        path: '/users/login',
+        component: () => import('./pages/users/login.vue'),
+    },
+    {
+        name: '404',
+        path: '*',
+        component: () => import('./pages/404.vue')
+    },
+]

resources/assets/statics/README.md

@@ -0,0 +1 @@
+## public目录所有资源将拷贝到public下