vue将前端localhost地址改为114

Vue.js本身并不会直接更改浏览器中的URL，但如果你想通过修改配置将本地开发环境（localhost）的端口更改为114，你需要在开发环境中设置。这里是一个简单的步骤：

1. 使用Vue CLI开发项目时，如果你使用的是`vue create my-project`命令创建的项目，可以在项目的`config/index.js`文件中找到`devServer`部分。默认配置中，`host`字段就是localhost，你可以将其修改为`'127.0.0.1'`（IPv4）或`'[::]'`（IPv6），然后调整`port`为你想要的114。

// config/index.js
module.exports = {
  //...
  devServer: {
    host: '127.0.0.1', // 或者 '[::]'
    port: 114,
    // 其他开发服务器配置...
  },
  //...
}

保存文件并重启你的开发服务器。

2. 如果你使用的是非Vue CLI工具构建，比如脚手架或者其他手动配置的方式，查找相关的配置文件，例如`package.json`中的`start` script，通常会涉及`webpack-dev-server`的配置。在那里修改`--port`选项。

记得在修改后，访问 `http://127.0.0.1:114` 来查看你的应用。

相关问题

vue里面 前端如何设置跨域

在 Vue 中设置跨域可以通过以下方法：

1. 在 Vue CLI 创建项目时，可以使用 `vue create --cors` 命令来自动配置跨域。

2. 在 Vue 项目中，在 `vue.config.js` 文件中添加以下配置：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 接口地址
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/api': '' // 这里可以改成其他的路径名
        }
      }
    }
  }
}

其中，`target` 是后端接口地址，`changeOrigin` 设置为 true 表示开启跨域，`pathRewrite` 可以将路径名改为其他的名称。

3. 在 Vue 中使用第三方库 axios 发送请求时，可以通过设置请求头来解决跨域问题。例如：

import axios from 'axios'

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
axios.defaults.withCredentials = true // 允许携带cookie

axios.post('/api/login', {
  username: 'admin',
  password: '123456'
}).then(res => {
  console.log(res.data)
})

其中，`withCredentials` 设置为 true 表示允许携带 cookie。

怎么将vue项目的mock后端改为Django

将Vue项目的mock后端改为Django需要进行以下步骤：

1. 创建Django项目

首先需要创建一个Django项目。可以使用Django官方提供的命令行工具创建：

django-admin startproject project_name

2. 创建Django应用程序

接下来需要在Django项目中创建一个应用程序。可以使用Django提供的命令行工具创建：

python manage.py startapp app_name

3. 编写Django视图函数

在Django应用程序中编写视图函数，用于处理前端发送的请求并返回响应。可以使用Django提供的装饰器来指定请求方法和路由：

from django.http import JsonResponse

def api(request):
    if request.method == 'POST':
        data = request.POST
        # 处理请求并返回响应
        return JsonResponse({'result': 'success'})
    else:
        return JsonResponse({'result': 'error'})

4. 配置Django路由

在Django项目的urls.py文件中配置路由，将前端发送的请求路由到对应的视图函数：

from django.urls import path
from . import views

urlpatterns = [
    path('api/', views.api, name='api'),
]

5. 修改Vue项目中的请求地址

最后，需要在Vue项目中将请求地址修改为Django的地址。可以在Vue项目中的api.js文件中将请求地址修改为Django的地址：

import axios from 'axios'

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

export function request (config) {
  return axios(config)
}

这样就完成了将Vue项目的mock后端改为Django的操作。需要注意的是，Django的视图函数需要处理请求并返回响应，具体的处理逻辑需要根据项目需求来编写。