Vue解决跨域

最新推荐文章于 2023-06-29 13:20:06 发布

weixin_44694538

最新推荐文章于 2023-06-29 13:20:06 发布

阅读量146

点赞数

本文链接：https://blog.csdn.net/weixin_44694538/article/details/124011158

版权

本文档详细介绍了Vue.js项目中用于解决跨域问题的代理配置，以及Webpack的开发和生产环境设置。配置包括了代理表、各种开发服务器设置、Source Maps选项等，旨在帮助开发者更好地管理和优化项目。

摘要由CSDN通过智能技术生成

'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: '/',
//下面配置代理是解决跨域的根本办法
//有的接口是https://yoururl/index.php/api形式的，那么下面就需要改成api
        proxyTable: {
        //  '/api': {
            '/': {
                target: 'http://yoururl/', //这里配置的是 请求接口的域名
                // secure: false, // 如果是https接口，需要配置这个参数
                changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
                pathRewrite: {
                    '^': '' //路径重写，这里理解成用'/api'代替target里面的地址。
                  // ^/api': ''//路径重写，这里理解成用'/api'代替target里面的地址。
                }
            },
        },

        // 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-


        /**
         * Source Maps
         */

        // https://webpack.js.org/configuration/devtool/#development
        devtool: 'cheap-module-eval-source-map',

        // If you have problems debugging vue-files in devtools,
        // set this to false - it *may* help
        // https://vue-loader.vuejs.org/en/options.html#cachebusting
        cacheBusting: true,

        cssSourceMap: true
    },

    build: {
        // Template for index.html
        index: path.resolve(__dirname, '../dist/index.html'),

        // Paths
        assetsRoot: path.resolve(__dirname, '../dist'),
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',

        /**
         * Source Maps
         */

        productionSourceMap: true,
        // https://webpack.js.org/configuration/devtool/#production
        devtool: '#source-map',

        // Gzip off by default as many popular static hosts such as
        // Surge or Netlify already gzip all static assets for you.
        // Before setting to `true`, make sure to:
        // npm install --save-dev compression-webpack-plugin
        productionGzip: false,
        productionGzipExtensions: ['js', 'css'],

        // Run the build command with an extra argument to
        // View the bundle analyzer report after build finishes:
        // `npm run build --report`
        // Set to `true` or `false` to always turn it on or off
        bundleAnalyzerReport: process.env.npm_config_report
    }
}