版权声明:转载请标明出处。 https://blog.csdn.net/qq_42172829/article/details/83655889
1.进入Vue项目的config/index.js 文件。
未配置之前是这样的:
module.exports = {
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {},
// Various Dev Server settings
host: 'localhost', // can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false,
errorOverlay: true,
notifyOnErrors: true,
poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
配置:注意在Vue项目中修改配置文件之后一定要 npm run dev 重启项目。
'use strict'
// Template version: 1.3.1
// see http://vuejs-templates.github.io/webpack for documentation.
const path = require('path')
module.exports = {
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api':{
target: 'http://192.168.0.36:8080', //这里面是你要访问的IP地址
changeOrigin: true, //开启代理
pathRewrite:{
'/api': '/api'
}
}
},
// Various Dev Server settings
host: '192.168.0.36', // can be overwritten by process.env.HOST
port: 8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false,
errorOverlay: true,
notifyOnErrors: true,
poll: false,