若依前端和后端端口号
时间: 2023-10-18 19:05:50 浏览: 344
根据提供的引用内容,可以看出要修改若依前端和后端的端口号,需要在不同的配置文件中进行修改。
针对前端的修改,可以打开文件`vue.config.js`,找到`[process.env.VUE_APP_BASE_API]`,然后修改`target`中`localhost`后面的端口号为你想要的端口号(比如1999)。
而后端的端口号修改需要在`application.yml`文件中进行。可以通过打开`application.yml`文件的路径`ruoyi-admin -> application.yml`,然后在文件中找到数据库连接及后端端口号的相关配置项进行修改。
希望以上信息能对你有所帮助。如果还有其他问题,请随时提问。
相关问题
同一局域网下前后端交互,但端口号不一样,前端vue该怎么写代码实现配置跨域,以前端端口号8080,后台服务器端口号8010为例
好的,针对您的问题,如果您的前端Vue应用程序运行在8080端口,而您的后端服务器应用程序运行在8010端口,则需要在Vue应用程序中进行跨域配置。
在Vue应用程序中,您可以通过在`vue.config.js`文件中添加以下内容来配置跨域:
```javascript
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`前缀来发送请求,例如:
```javascript
this.$http.get('/api/user/1')
.then(response => {
console.log(response.data)
})
```
这将会发送一个GET请求到`http://localhost:8010/user/1`,并将响应数据打印到控制台上。
希望这可以解决您的问题。如果您有任何其他问题,请随时问我。
同一级域网下前端交互,但端口号不一样,前端vue应该怎么运用axios写代码实现配置跨域,以前端端口号8080,后台服务事务端口号8010为例
好的,如果您的前端Vue应用程序运行在8080端口,而您的后端服务器应用程序运行在8010端口,则需要在Vue应用程序中使用axios来进行跨域请求。
您可以在Vue应用程序中使用axios的baseUrl选项来设置API请求的基础URL。在这个选项中,您可以指定后端服务器的地址和端口号。例如,在您的Vue应用程序的入口文件(如`main.js`)中,您可以这样设置:
```javascript
import axios from 'axios'
axios.defaults.baseURL = 'http://localhost:8010'
```
这将会设置axios的baseUrl为`http://localhost:8010`,也就是后端服务器的地址和端口号。
然后,在您的Vue组件中,您可以使用axios来发送跨域请求。例如,如果您想发送一个GET请求到后端服务器的`/users`路径,您可以这样写:
```javascript
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:
```javascript
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端口上发送跨域请求。
希望这可以解决您的问题。如果您有任何其他问题,请随时问我。
阅读全文