同一局域网下前后端交互，但端口号不一样，前端vue该怎么写代码实现配置跨域，以前端端口号8080，后台服务器端口号8010为例

好的，针对您的问题，如果您的前端Vue应用程序运行在8080端口，而您的后端服务器应用程序运行在8010端口，则需要在Vue应用程序中进行跨域配置。

在Vue应用程序中，您可以通过在`vue.config.js`文件中添加以下内容来配置跨域：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8010',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

这里的`/api`是您在Vue应用程序中发送请求的API路径前缀。`target`是您要代理的后端服务器的地址和端口号。`changeOrigin`设置为`true`意味着将请求头中的Host值设置为目标URL中的Host值。`pathRewrite`是用来重写请求路径的，这里的设置是将请求路径中的`/api`前缀替换为空字符串，以便正确匹配后端服务器的API路径。

配置完成后，您可以在Vue应用程序中使用`/api`前缀来发送请求，例如：

this.$http.get('/api/user/1')
  .then(response => {
    console.log(response.data)
  })

这将会发送一个GET请求到`http://localhost:8010/user/1`，并将响应数据打印到控制台上。

希望这可以解决您的问题。如果您有任何其他问题，请随时问我。