Front-end/vue/erp-web.md

目录查看

1. node_modules：安装依赖打包
2. public：图片文件，index.html
3. src:
   1. api:调用接口使用的js文件
   2. assets:图片文件
   3. components：vue组件文件页面处理
4. config：request.js，请求配置token设置。
5. filters：index.js，时间格式化，变量转换。
6. router：
   1. index.js,从接口获取路由配置之
   2. index备份.js：配置路由备份
   3. permission.js：权限校验是否有token，遍历路由权限校验
   4. router.config.js：免密登录白名单
7. store:用户信息和权限处理
   1. nodules/user.js
   2. getters.js
   3. index.js
8. styles：样式处理
9. utils：工具类
10. views
    1. dashboard：页面排版vue
    2. forgetPassowrd：fogetPassword.vue
    3. login:login.vue
    4. register:register.vue
    5. webView:webView.vue
11. App.vue
12. main.js:websocket
13. registerServiceWorker.js:生产环境配置
14. .env不同环境变量配置
15. label.config.js
16. package.json：包管理,启动打包
17. vue.config.js:

vue-cli-service serve

总结

当配置baseURL时，代理不生效。

const request = axios.create({
  timeout: 30000, // 请求超时时间
  baseURL: process.env.VUE_APP_URL,
  withCredentials: true
});

proxy: {
    '/': { // 代理api
        target: 'http://localhost:8085', // 服务器api地址
            changeOrigin: true//, // 是否跨域
        // pathRewrite: {
        //   '^/': 'http://qiankun.bj-fanuc.com.cn/finance-admin/charts/selectChartDataByPageModel' // 路径重写
        // }
    }
}

启动跟踪

npm run dev

文件：package.json

"dev": "webpack-dev-server --inline --progress --module-bind production --config build/webpack.dev.conf.js "

文件：build/webpack.dev.conf.js

  // these devServer options should be customized in /config/index.js
  devServer: {
    clientLogLevel: 'warning',
    historyApiFallback: {
      rewrites: [
        { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
      ],
    },
    hot: true,
    contentBase: false, // since we use CopyWebpackPlugin.
    compress: true,
    host: HOST || config.dev.host,
    port: PORT || config.dev.port,
    open: config.dev.autoOpenBrowser,
    overlay: config.dev.errorOverlay
      ? { warnings: false, errors: true }
      : false,
    publicPath: config.dev.assetsPublicPath,
    proxy: config.dev.proxyTable,
    quiet: true, // necessary for FriendlyErrorsPlugin
    watchOptions: {
      poll: config.dev.poll,
    },
    proxy: {
      '/*': { // 代理api
        target: 'http://localhost8080/', // 服务器api地址
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/*': 'http://localhost:8081/' // 路径重写
        }
      }
    }
  },