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

好的，如果您的前端Vue应用程序运行在8080端口，而您的后端服务器应用程序运行在8010端口，则需要在Vue应用程序中使用axios来进行跨域请求。

您可以在Vue应用程序中使用axios的baseUrl选项来设置API请求的基础URL。在这个选项中，您可以指定后端服务器的地址和端口号。例如，在您的Vue应用程序的入口文件（如`main.js`）中，您可以这样设置：

import axios from 'axios'

axios.defaults.baseURL = 'http://localhost:8010'

这将会设置axios的baseUrl为`http://localhost:8010`，也就是后端服务器的地址和端口号。

然后，在您的Vue组件中，您可以使用axios来发送跨域请求。例如，如果您想发送一个GET请求到后端服务器的`/users`路径，您可以这样写：

import axios from 'axios'

export default {
  data() {
    return {
      users: []
    }
  },
  mounted() {
    axios.get('/users')
      .then(response => {
        this.users = response.data
      })
  }
}

这里的`/users`是相对于前端应用程序的路径，但由于我们在axios的baseUrl选项中设置了后端服务器的地址和端口号，所以这个请求实际上会被发送到`http://localhost:8010/users`。

如果您在发送跨域请求时遇到了CORS（跨域资源共享）的问题，您需要在后端服务器中设置CORS头。在Node.js中，您可以使用cors模块来实现这个功能。例如，您可以这样在您的后端服务器应用程序中使用cors：

const express = require('express')
const cors = require('cors')

const app = express()

app.use(cors())

// ...其他的路由和中间件

app.listen(8010, () => {
  console.log('Server started on port 8010')
})

这里的`app.use(cors())`会将CORS头添加到所有的响应中，从而允许前端应用程序在8080端口上发送跨域请求。

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