Java后端、PC前端学习备忘

veminhe2026-04-27 8:24

1、vue中

复制代码

const row = this.$route.query.row

this.$router.go(-1)

能看出 $route和$ router的区别。

2、const APP_NAME = require('./package.json').name;

知道require是怎么回事。package.json文件内容是一个json内容，获取这个json内容的name。

3、vue.config.js中

复制代码

module.exports = {

// 配置转发代理

  devServer: {

    open: true,

    disableHostCheck: true,

    port: PORT,

    proxy: {



      // 示例代理：连接本地服务，放在"代理：统一入口"前边

//       '/api/act': {

//         target: "http://1.2.2.1:841",  

//         ws: true,

//         proxyTimeout: 10 * 60 * 1000,

//         timeout: 10 * 60 * 1000,

//         pathRewrite: {

//           '^/api/act': ''

//         }

//       },

      // '/api/produce':{

      //   // target: 'http://1.3.2.7:381',  // 代理跨域目标接口

      //   // target: 'http://m..com.cn/api/',  // 生产的

      //   target: 'http://11.0.1.9:40',  // 生产的

      //   ws: true,

      //         proxyTimeout: 10 * 60 * 1000,

      //         timeout: 10 * 60 * 1000,

      //   pathRewrite: {

      //     '^/api/produce': ''

      //   }

      // },

      '/api/produce':{

        // target: 'http://10.3.2.20:381',  // 代理跨域目标接口

        // target: 'http://m.com.cn/api/',  // 生产的

        target: 'http://localhost:4060',  // 生产的

        ws: true,

              proxyTimeout: 10 * 60 * 1000,

              timeout: 10 * 60 * 1000,

        pathRewrite: {

          '^/api/produce': ''

        }

      },



      // 代理：统一入口

      '/api': {

        target: url,

        // pathRewrite: {   //url连接本地服务放开

        //   '^/api': ''

        // }

      },



    }

  }

要知道在微前端架构中，登录和用户等公共服务公共前端要用公共的，自身要去调试的微前端、微服务要用自己本机的，便于独立开发前端或者后端，不会影响到开发环境的前端或者后端。

要同时改下后端的nacos下service(如果没有就得添加)：

不能影响到nacos上的开发环境的服务。