解决VUE项目在IIS部署出现：Uncaught SyntaxError: Unexpected token ＜ 报错
时间：2022-06-20 10:25:28 | 栏目：vue | 点击：次
一、第一个解决方法是把mode改成history这个问题就会消失
二、第二个解决方法是publicPath设置成’/’,不能是’./’
const publicPath='';
module.exports = {
// publicPath: process.env.NODE_ENV === 'production' ? '/lucky-draw' : '/'
publicPath: `/${publicPath}`
};
三、报错404 Not Found,请重写url
在IIS正常部署完vue项目上之后，需要对URL重定向，原因是vue是根据vue-router转发路由访问url，在这里我们应该进行url rewrite。url write的方式有两种
1、在iis下载url rewrite工具配置规则
下载所需模块：urlrewrite
2、配置web.config文件
最终我使用了该方式，简单方便，和使用URL重写原理是一样的
web.config的内容：
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<staticContent>
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="font/x-woff" />
<remove fileExtension=".woff2" />
<mimeMap fileExtension=".woff2" mimeType="font/x-woff2" />
<remove fileExtension=".ttf" />
<mimeMap fileExtension=".ttf" mimeType="font/x-ttf" />
<remove fileExtension=".json" />
<mimeMap fileExtension=".json" mimeType="text/json" />
</staticContent>
<rewrite>
<rules>
<rule name="vue" stopProcessing="true">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
将该文件拷贝到打包好根目录下面
